@charset "UTF-8";
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

q:before,
q:after {
  content: "";
}

fieldset,
img,
abbr,
acronym {
  border: 0;
}

/* basic */
.c:before,
.c:after {
  content: "";
  display: table;
}

.c:after {
  clear: both;
}

.c {
  zoom: 1;
}

body {
  font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1",
 tahoma,
 "\5b8b\4f53",
 "\9ED1\4F53",
 sans-serif;
  background-color: #000;
  overflow-x: hidden;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.container * {
  box-sizing: border-box;
}

.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* footer */
#afooter {
  text-align: center;
  line-height: 20px;
  color: #fff;
  background-color: #000;
  padding: 40px 0;
}

#afooter a {
  color: #fff;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

html,
body,
.wrap {
  width: 100%;
}

/* 通用样式 */
.wrap * {
  box-sizing: border-box;
}

.gray-filter {
  filter: grayscale(100%);
  /* 100%完全置灰，0%无效果 */
  -webkit-filter: grayscale(100%);
  /* 兼容webkit内核浏览器 */
  cursor: not-allowed;
  /* 可选：禁止交互 */
  pointer-events: none;
}

@font-face {
  font-family: font;
  src: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/font.woff2) format("woff2");
}

.wrap {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/bg.jpg) no-repeat top center;
  height: 1080px;
  overflow: hidden;
  color: #fff;
  position: relative;
}

.header {
  display: flex;
  justify-content: space-between;
  padding: 20px 75px 0 42px;
}

.header .logo {
  display: block;
  width: 407px;
  height: 125px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/logo.png) no-repeat center/100% 100%;
}

.header .logo a {
  display: block;
  height: 100%;
  width: 265px;
}

.header .head-rt {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 90px;
}

.header .info-box {
  display: flex;
  padding: 0 13px 0 20px;
  justify-content: space-between;
  text-shadow: 0 1px #ff7e45,0 -1px #ff7e45,1px 0 #ff7e45,-1px 0 #ff7e45,1px 1px #ff7e45,-1px 1px #ff7e45,-1px -1px #ff7e45,1px -1px #ff7e45;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));
}

.header .info {
  display: flex;
  gap: 18px;
}

.header .active-box {
  width: 100px;
  height: 100px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/avt-box.png) no-repeat center/100% 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .active-box img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
}

.header .info-cont {
  color: #fff;
  font-size: 26px;
}

.header .info-cont a {
  color: #fff;
}

.header .info-cont .name {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 20px;
}

.header .info-cont .switch-btn {
  width: 28px;
  height: 28px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/icon/ic1.png) no-repeat center/100% 100%;
  display: block;
}

.header .info-cont .txt {
  font-size: 18px;
  line-height: 26px;
}

.header .down-btn {
  display: block;
  width: 215px;
  height: 62px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/down-btn.png) no-repeat center/100% 100%;
}

.header .home-btn {
  display: block;
  width: 210px;
  height: 60px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/home-btn.png) no-repeat center/100% 100%;
}

.rw-bj {
  position: absolute;
  width: 625px;
  height: 844px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/rw-bj.png) no-repeat center/100% 100%;
  bottom: 0;
  left: 20px;
  z-index: 3;
  pointer-events: none;
}

.container {
  width: 1200px;
  margin: 60px auto 0;
}

.top-tit {
  width: 1171px;
  height: 158px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/tit.png) no-repeat center/100% 100%;
  margin-top: -60px;
}

.main {
  display: flex;
}

.tab-box {
  width: 210px;
  position: relative;
  z-index: 1;
  margin-left: 14px;
}

.tab-box .tab-top {
  position: relative;
  z-index: 8;
  width: 251px;
  height: 58px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/tab-top.png) no-repeat center/100% 100%;
  margin-top: 18px;
}

.tab-box .version {
  width: 205px;
  height: 57px;
  display: block;
  margin-left: 34px;
  margin-top: -10px;
  position: relative;
}

.tab-box .version.version0318 {
  z-index: 1;
}

.tab-box .version.version0318.on {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/version0318-on.png) no-repeat center/100% 100%;
}

.tab-box .version.version0415 {
  z-index: 2;
}

.tab-box .version.version0415.on {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/version0415-on.png) no-repeat center/100% 100%;
}

.tab-box .version.version0520 {
  z-index: 7;
}

.tab-box .version.version0520.on {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/version0520-on.png) no-repeat center/100% 100%;
}

.tab-box .tab-item {
  display: block;
  width: 205px;
  height: 61px;
  margin-left: 45px;
  margin-top: -17px;
  position: relative;
}

.tab-box .tab-item.tab1 {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/tab1.png) no-repeat center/100% 100%;
  z-index: 6;
  margin-top: -10px;
}

.tab-box .tab-item.tab1.on {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/taba1.png) no-repeat center/100% 100%;
}

.tab-box .tab-item.tab2 {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/tab2.png) no-repeat center/100% 100%;
  z-index: 5;
}

.tab-box .tab-item.tab2.on {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/taba2.png) no-repeat center/100% 100%;
}

.tab-box .tab-item.tab3 {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/tab3.png) no-repeat center/100% 100%;
  z-index: 4;
}

.tab-box .tab-item.tab3.on {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/taba3.png) no-repeat center/100% 100%;
}

.tab-box .tab-item.tab4 {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/tab4.png) no-repeat center/100% 100%;
  z-index: 3;
}

.tab-box .tab-item.tab4.on {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/taba4.png) no-repeat center/100% 100%;
}

.box {
  width: 957px;
  height: 732px;
  padding: 40px 20px 30px 0;
  z-index: 2;
  box-sizing: border-box;
  background: #fffcf8;
  border: 2px solid #ff7e45;
  border-radius: 20px;
  position: relative;
}

.box::before {
  content: "";
  position: absolute;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon1.png) no-repeat;
  background-size: 100% 100%;
  width: 104px;
  height: 185px;
  bottom: -3px;
  left: -70px;
  pointer-events: none;
  z-index: 3;
  transform: scale(0.9);
}

.box::after {
  content: "";
  position: absolute;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon2.png) no-repeat;
  background-size: 100% 100%;
  width: 152px;
  height: 241px;
  bottom: 0;
  right: -80px;
  pointer-events: none;
  z-index: 3;
}

.cont {
  margin: 0 auto;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #ff7e45 #ebb39a;
}

.cont::-webkit-scrollbar {
  height: 422px;
  width: 7px;
}

.cont::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #ebb39a;
}

.cont::-webkit-scrollbar-thumb {
  background: #ff7e45;
  border-radius: 4px;
}

.cont1 {
  padding-left: 25px;
}

.cont1-tab-tit {
  width: 870px;
  justify-content: space-between;
}

.cont1-tab-tit h2 {
  font-size: 28px;
  color: #ff7e45;
  position: relative;
  margin-left: 34px;
  margin-right: 25px;
  font-family: font;
}

.cont1-tab-tit h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont1-tab-tit h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont1-tab-tit span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont1-tab-tit em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont1 .p1 .tit {
  margin: 36px auto 0;
  width: 705px;
  height: 44px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/top-tit.png) no-repeat center/100% 100%;
}

.cont1 .p1 .gg-list {
  display: flex;
  align-items: center;
  margin-top: 16px;
  flex-wrap: wrap;
  gap: 0 8px;
}

.cont1 .p1 .gg-btn {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  color: #ff7e45;
  padding-left: 57px;
  font-weight: bold;
  width: 203px;
  height: 81px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab.png) no-repeat;
  position: relative;
}

.cont1 .p1 .gg-btn::after {
  content: "";
  position: absolute;
  width: 126px;
  height: 115px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  left: -21px;
  bottom: 0;
}

.cont1 .p1 .gg-btn span {
  position: relative;
  z-index: 2;
}

.cont1 .p1 .gg-btn.on {
  color: #f5fbfa;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab-on.png) no-repeat;
}

.cont1 .p1 .gg1 {
  padding-left: 106px;
}

.cont1 .p1 .gg1::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab1-icon.png);
}

.cont1 .p1 .gg2 {
  padding-left: 95px;
}

.cont1 .p1 .gg2::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab2-icon.png);
}

.cont1 .p1 .gg3 {
  padding-left: 102px;
}

.cont1 .p1 .gg3::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab3-icon.png);
}

.cont1 .p1 .swiper-box {
  width: 244px;
  height: 80px;
  overflow: hidden;
  position: relative;
  margin: 0;
  border: 1px solid #ee7d36;
  border-radius: 15px;
}

.cont1 .p1 .swiper-wrapper {
  width: 100%;
  height: 100%;
}

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

.cont1 .p1 .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}

.cont1 .p1 .swiper-slide img {
  height: 100%;
  width: 100%;
  pointer-events: none;
  object-fit: cover;
}

.cont1 .p1 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 28px;
}

.cont1 .p1 .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #fff;
  opacity: 1;
  margin: 0 6px;
}

.cont1 .p1 .swiper-pagination-bullet-active {
  width: 46px;
  height: 14px;
  border-radius: 7px;
  background-color: #fff;
}

.cont1 .p2 {
  padding-bottom: 20px;
  position: relative;
  width: 871px;
  padding-top: 30px;
  padding-bottom: 50px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/line.png) no-repeat center bottom/865px auto;
}

.cont1 .p2 .subtit1 {
  margin-top: 15px;
}

.cont1 .p2-tit {
  width: 871px;
  justify-content: space-between;
}

.cont1 .p2-tit h2 {
  font-size: 28px;
  color: #ff7e45;
  position: relative;
  margin-left: 34px;
  margin-right: 25px;
  font-family: font;
}

.cont1 .p2-tit h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont1 .p2-tit h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont1 .p2-tit span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont1 .p2-tit em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont1 .p2 .list1 {
  flex-wrap: wrap;
  width: 70.3%;
  margin: 20px auto 0;
  gap: 32px 70px;
}

.cont1 .p2 .list3 {
  align-items: flex-end;
}

.cont1 .p2 .p3-reward-list {
  gap: 32px 105px;
  width: 70%;
  margin: 0 auto;
}

.cont1 .p3 {
  width: 871px;
  padding-bottom: 50px;
  box-sizing: border-box;
  padding-top: 20px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/line.png) no-repeat center bottom/865px auto;
}

.cont1 .p3-tit {
  width: 870px;
  justify-content: space-between;
}

.cont1 .p3-tit h2 {
  font-size: 28px;
  color: #ff7e45;
  position: relative;
  margin-left: 34px;
  margin-right: 25px;
  font-family: font;
}

.cont1 .p3-tit h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont1 .p3-tit h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont1 .p3-tit span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont1 .p3-tit em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont1 .p3-txt {
  width: 871px;
  margin: 14px auto;
  font-size: 20px;
  color: #4d3a34;
  padding-left: 30px;
}

.cont1 .p3-txt span {
  color: #ff7e45;
}

.cont1 .p3-reward-list-box {
  display: flex;
  align-items: center;
  padding-left: 30px;
}

.cont1 .p3-reward-list {
  margin-top: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px 60px;
  flex-wrap: wrap;
  width: auto;
}

.cont1 .p3-reward-list li {
  width: 133px;
  flex-direction: column;
}

.cont1 .p3-reward-list img {
  width: 133px;
}

.cont1 .p3-reward-list .name {
  font-size: 18px;
  color: #4d3a34;
  text-align: center;
  width: 200%;
  line-height: 1.2;
  margin-top: 10px;
}

.cont1 .p3-btn {
  width: 225px;
  height: 52px;
  display: block;
  margin-left: 65px;
  text-indent: -9999px;
  margin-bottom: 25px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/p3-btn.png) no-repeat center/cover;
  text-indent: -999em;
}

.cont1 .p3-btn.disabled {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/p3-btn-gray.png) no-repeat center/cover;
}

.cont1 .p3-btn.received {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/p3-btn-ylq.png) no-repeat center/cover;
}

.cont1 .p4 {
  margin-top: 10px;
  padding-bottom: 20px;
  position: relative;
  width: 871px;
  padding-top: 30px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/line.png) no-repeat center bottom/865px auto;
}

.cont1 .p4 .subtit {
  margin-top: 14px;
}

.cont1 .p4 .p3-reward-list {
  flex-wrap: wrap;
  width: 70%;
  margin: 45px auto 50px;
  gap: 12px 105px;
}

.cont1 .p4 .p3-reward-list li .name {
  margin-top: 10px;
}

.cont1 .p4 .playing-imgs {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 20px;
}

.cont1 .p4 .p2-tit .tit-txt {
  line-height: 1.2;
}

.cont1 .p4 .p2-tit .tit-txt::after {
  transform: translate(0);
  top: 8px;
}

.cont1 .p4-text {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/text-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 15px auto;
  width: 483px;
  height: 79px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ff7e45;
  font-size: 18px;
  line-height: 28px;
  align-content: center;
}

.cont1 .p4-text span {
  font-weight: bold;
  font-size: 20px;
}

.cont1 .p5 {
  margin-top: 30px;
  padding-bottom: 50px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/line.png) no-repeat center bottom/865px auto;
}

.cont1 .p5 .p3-reward-list {
  flex-wrap: wrap;
  width: 70%;
  margin: 45px auto 0;
  gap: 12px 105px;
}

.cont1 .p5 .p3-reward-list li .name {
  margin-top: 10px;
}

.cont1 .p6 {
  margin-top: 30px;
}

.cont1 .p6 .p3-reward-list {
  flex-wrap: wrap;
  width: 70%;
  margin: 30px auto 0;
  gap: 12px 105px;
}

.cont1 .p6 .p3-reward-list li .name {
  margin-top: 10px;
}

.cont1 .tit {
  margin: 0px auto 0;
  width: 706px;
  height: 44px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/tit1.png) no-repeat center/100% 100%;
}

.cont1 .txt {
  font-size: 22px;
  line-height: 30px;
  color: #4d3a34;
  width: 706px;
  margin: 0 auto 0;
  margin-top: 12px;
}

.cont1 .dj-cont {
  flex-direction: column;
  width: 100%;
  position: relative;
}

.cont1 .dj-cont .line {
  display: block;
  width: 713px;
  height: 42px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  bottom: -50px;
  transform: translateX(-50%);
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/line.png) no-repeat center/100% 100%;
}

.cont1 .dj-lt,
.cont1 .dj-rt {
  width: 699px;
  padding-top: 30px;
  position: relative;
}

.cont1 .dj-lt .subtit,
.cont1 .dj-rt .subtit {
  width: 248px;
  height: 44px;
  line-height: 44px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/subtit-box.png) no-repeat center/100% 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

.cont1 .dj-lt .subtit1,
.cont1 .dj-rt .subtit1 {
  width: 285px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/subtit-box1.png) no-repeat center/100% 100%;
}

.cont1 .dj-lt .txt,
.cont1 .dj-rt .txt {
  width: 100%;
  font-size: 18px;
  text-align: left;
  line-height: 1.4;
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
}

.cont1 .dj-lt .txt span,
.cont1 .dj-rt .txt span {
  color: #ff66ad;
  font-weight: bold;
}

.cont1 .dj-list {
  margin: 100px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
  width: 699px;
}

.cont1 .dj-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 9px;
  width: 109px;
  height: 145px;
}

.cont1 .dj-box img {
  width: 100%;
}

.cont1 .dj-box p {
  font-size: 14px;
  color: #4d3a34;
  text-align: center;
  line-height: 16px;
  margin-top: 6px;
  width: 125%;
}

.cont1 .card-cont {
  gap: 17px;
  margin-top: 70px;
}

.cont1 .card-cont .subtit {
  width: 318px;
  height: 48px;
  line-height: 48px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/subtit-box.png) no-repeat center/100% 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin-left: 32px;
  font-weight: bold;
}

.cont1 .card-cont .card-box {
  display: flex;
  margin-top: 28px;
  justify-content: center;
}

.cont1 .card-cont .card {
  width: 347px;
  display: flex;
  margin: 0 12px;
  flex-direction: column;
  justify-content: center;
}

.cont1 .card-cont .card img {
  width: 347px;
  height: 246px;
  display: block;
}

.cont1 .card-cont .card .card-name {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #4d3a34;
  margin-top: 10px;
}

.cont1 .subtit {
  display: inline-block;
  align-self: flex-start;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 20px;
  color: #8d4e1c;
  border-radius: 44px;
  padding: 0 20px;
  font-weight: bold;
  background: #fbd55a url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-strong.png) repeat-x left center/300px 44px;
}

.cont1 .show-playing {
  gap: 17px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.cont1 .show-playing .playing-list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 30px;
}

.cont1 .show-playing .playing-list li {
  width: 150px;
}

.cont1 .show-playing .playing-list li img {
  width: 174px;
}

.cont1 .show-playing .playing-list .name {
  text-align: center;
  width: 100%;
  font-size: 20px;
  color: #4d3a34;
  margin-top: 24px;
}

.cont1 .show-playing .playing-imgs {
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.cont1 .show-playing .line {
  display: block;
  width: 860px;
  height: 23px;
  margin: 25px auto;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/line.png) no-repeat center/100% 100%;
}

.cont1 .info-list {
  margin-top: 16px;
}

.cont1 .info-list ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.cont1 .info-list li {
  width: 340px;
  height: 205px;
  box-sizing: border-box;
  padding-top: 18px;
  margin: 5px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/info-bj.png) no-repeat center/100% 100%;
}

.cont1 .info-list li:last-child {
  background: none;
}

.cont1 .info-list .tit-box {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 16px;
  justify-content: flex-start;
}

.cont1 .info-list .tit-box .tit {
  width: auto;
  height: 34px;
  border-radius: 17px;
  text-align: center;
  font-size: 20px;
  color: #f9f0d8;
  line-height: 34px;
  font-weight: bold;
  padding: 0 14px;
  margin: 0;
  background: linear-gradient(to right, #4c38e1, #7964fe);
}

.cont1 .info-list .txt {
  width: 90%;
  font-size: 16px;
  color: #4d3a34;
  margin: 0 auto;
  line-height: 1.2;
  margin-top: 10px;
  height: 78px;
}

.cont1 .info-list .info-dj-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
  box-sizing: border-box;
}

.cont1 .info-list .info-dj-box .df-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cont1 .info-list .info-dj-box img {
  width: 53px;
  height: 53px;
  margin-right: 12px;
}

.cont1 .info-list .info-dj-box .name {
  font-size: 14px;
  color: #dbd3cf;
  width: 90px;
  line-height: 1.2;
}

.cont1 .inner {
  box-sizing: border-box;
  overflow: hidden;
  color: #4d3a34;
  position: relative;
  min-height: 100vh;
}

.cont1 .inner-header {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 20px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/line.png) no-repeat center bottom/865px auto;
  padding-bottom: 50px;
}

.cont1 .inner .back {
  position: absolute;
  left: 20px;
  top: 30px;
  width: 44px;
  height: 66px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/back-btn.png) no-repeat center/cover;
}

.cont1 .inner .gg-list {
  display: flex;
  align-items: center;
  gap: 0 40px;
  padding-left: 100px;
}

.cont1 .inner .gg-btn {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  color: #ff7e45;
  padding-left: 57px;
  font-weight: bold;
  width: 203px;
  height: 81px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab.png) no-repeat;
  position: relative;
}

.cont1 .inner .gg-btn::after {
  content: "";
  position: absolute;
  width: 126px;
  height: 115px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  left: -21px;
  bottom: 0;
}

.cont1 .inner .gg-btn span {
  position: relative;
  z-index: 2;
}

.cont1 .inner .gg-btn.on {
  color: #f5fbfa;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab-on.png) no-repeat;
}

.cont1 .inner .gg1 {
  padding-left: 106px;
}

.cont1 .inner .gg1::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab1-icon.png);
}

.cont1 .inner .gg2 {
  padding-left: 95px;
}

.cont1 .inner .gg2::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab2-icon.png);
}

.cont1 .inner .gg3 {
  padding-left: 102px;
}

.cont1 .inner .gg3::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont1/cont1-tab3-icon.png);
}

.cont1 .inner-item {
  width: 100%;
  height: 100%;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  box-sizing: border-box;
  padding: 15px 0 20px;
  display: none;
  position: relative;
}

.cont1 .inner-item.on {
  display: block;
}

.cont1 .inner-item .item-tit {
  width: 860px;
  justify-content: space-between;
  display: flex;
  align-items: center !important;
  margin-top: 26px;
}

.cont1 .inner-item .item-tit h2 {
  font-size: 28px;
  color: #ff7e45;
  position: relative;
  margin-left: 34px;
  margin-right: 25px;
  font-family: font;
}

.cont1 .inner-item .item-tit h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont1 .inner-item .item-tit h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont1 .inner-item .item-tit span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont1 .inner-item .item-tit em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont1 .inner-item .item-tit.tit1 {
  font-weight: bold;
  font-size: 18px;
  color: #34384d;
}

.cont1 .inner-item .item-tit.tit2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cont1 .inner-item .item-tit.tit2 strong {
  display: inline-block;
  height: 28px;
  border-radius: 14px;
  background-color: #34384d;
  box-sizing: border-box;
  padding: 0 10px;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}

.cont1 .inner-item .item-txt {
  color: #34384d;
  font-size: 20px;
  line-height: 1.5;
  width: 855px;
  margin-bottom: 15px;
}

.cont1 .inner-item .item-txt span {
  color: #ff7e45;
}

.cont1 .inner-item .item-txt.txt1 {
  margin-top: 15px;
}

.cont1 .inner-item .item-txt.txt1 span {
  color: #f7881c;
}

.cont1 .inner-item .item-txt.txt2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.cont1 .inner-item .item-txt.txt2 span {
  color: #f7881c;
}

.cont1 .inner-item .item-txt.txt4 {
  text-align: center;
  font-size: 16px;
}

.cont1 .inner-item .item-txt.txt4 span {
  color: #ff7e45;
}

.cont1 .inner-item .item-txt.center {
  text-align: center;
}

.cont1 .inner-item .item-tit1 {
  margin-top: 20px;
  margin-bottom: 15px;
}

.cont1 .inner-item .item-tit1 strong {
  display: inline-block;
  height: 44px;
  font-size: 20px;
  line-height: 44px;
  color: #8d4e1c;
  font-weight: bold;
  border-radius: 44px;
  padding: 0 30px;
  background: #fbd55a url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-strong.png) no-repeat left center/300px 44px;
}

.cont1 .inner-item .item-img {
  display: block;
  margin: 0 auto;
}

.cont1 .inner-item .item-img-gif {
  display: block;
  width: 730px;
  margin: 0 auto 14px;
  border-radius: 15px;
  border: 2px solid #4d3a34;
}

.cont1 .inner-item .item-tit2 {
  font-size: 22px;
  color: #fffbf1;
  width: 706px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.cont1 .inner-item .item-tit2.tit1 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.cont1 .inner-item .item-tit2 span {
  display: inline-block;
  width: auto;
  height: 38px;
  background-color: #402d26;
  line-height: 38px;
  text-align: center;
  border-radius: 19px;
  box-sizing: border-box;
  padding: 0 20px;
}

.cont1 .inner-item .item-img {
  width: 630px;
  margin-bottom: 14px;
}

.cont1 .inner-item .item-img.img1 {
  width: 267px;
}

.cont1 .inner-item .item-img.img2 {
  width: 633px;
}

.cont1 .inner-item .item-img.img3 {
  width: 697px;
}

.cont1 .inner-item .item-img.img4 {
  width: 391px;
}

.cont1 .inner-item .item-img.img5 {
  width: 554px;
}

.cont1 .inner-item .item-img.img6 {
  width: 246px;
}

.cont1 .inner-item .item-img.img7 {
  width: 342px;
}

.cont1 .inner-item .item-img.img8 {
  width: 691px;
}

.cont1 .inner-item .item-img.img9 {
  width: 479px;
}

.cont1 .inner-item .item-img.img10 {
  width: 422px;
}

.cont1 .inner-item .item-img.img11 {
  width: 226px;
}

.cont1 .inner .item1 .item-tit,
.cont1 .inner .item2 .item-tit,
.cont1 .inner .item3 .item-tit {
  align-items: flex-start;
}

.cont1 .inner .item2 .item-tit {
  position: relative;
}

.cont1 .inner .item2 .tit-icon {
  position: absolute;
  right: 0px;
  top: 0px;
}

.cont1 .inner .p1-table {
  text-align: center;
  border-radius: 20px;
  background-color: #fff;
  border: 0.8px solid #706cf8;
  margin: 30px auto;
}

.cont1 .inner .p1-table table {
  width: 100%;
  border-radius: 20px;
}

.cont1 .inner .p1-table td {
  font-size: 18px;
  color: #34384d;
  padding: 5px 0;
  border-radius: 0;
}

.cont1 .inner .p1-table thead {
  background-color: #706cf8;
}

.cont1 .inner .p1-table thead td {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}

.cont1 .inner .p1-table tbody td {
  border-top: 0.8px solid #706cf8;
}

.cont1 .inner .p1-table tbody tr td:nth-child(2) {
  border-left: 0.8px solid #706cf8;
  border-right: 0.8px solid #706cf8;
}

.cont1 .inner .p1-table1 {
  width: 409px;
}

.cont1 .inner .p1-table1 thead td:first-child {
  border-top-left-radius: 20px;
}

.cont1 .inner .p1-table1 thead td:last-child {
  border-top-right-radius: 20px;
}

.cont1 .inner .p1-table2 {
  width: 710px;
  margin-bottom: 10px;
}

.cont1 .inner .p1-table2 thead td:first-child {
  border-top-left-radius: 20px;
}

.cont1 .inner .p1-table2 thead td:last-child {
  border-top-right-radius: 20px;
}

.cont1 .inner .p1-table2 thead tr:nth-child(2) td {
  border-radius: 0;
}

.cont1 .inner .p1-table2 tbody td:nth-child(2) {
  border-right: none !important;
}

.cont1 .inner .p1-table2 tbody td:nth-child(3) {
  border-right: 0.8px solid #aa803b;
}

.cont1 .inner .p1-table3 {
  width: 710px;
  margin-bottom: 10px;
}

.cont1 .inner .p1-table3 thead td {
  line-height: 1;
}

.cont1 .inner .p1-table3 thead td:first-child {
  border-top-left-radius: 20px;
}

.cont1 .inner .p1-table3 thead td:last-child {
  border-top-right-radius: 20px;
}

.cont1 .inner .p1-table3 thead tr:nth-child(2) td {
  border-radius: 0;
}

.cont1 .inner .p1-table3 tbody td:nth-child(2) {
  border-right: none !important;
}

.cont1 .inner .p1-table3 tbody td:nth-child(3) {
  border-right: 0.8px solid #aa803b;
}

.cont1 .inner .p1-table3 span {
  font-size: 16px;
  line-height: 1;
}

.cont1 .inner .item1-lc-box {
  width: 97%;
  margin: 0 auto 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 0;
}

.cont1 .inner .item1-lc-box li {
  width: 420px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 0;
  align-content: flex-start;
  position: relative;
}

.cont1 .inner .item1-lc-box li:nth-child(odd)::after {
  content: "";
  position: absolute;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon2.png) no-repeat;
  background-size: 100% 100%;
  width: 17px;
  height: 22px;
  right: -24px;
  top: 62px;
}

.cont1 .inner .item1-lc-box li h3 {
  display: flex;
  width: 100%;
  height: 40px;
  color: #fefff6;
  background: #f7881c;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}

.cont1 .inner .item1-lc-box li .lc-item-cn {
  width: 205px;
}

.cont1 .inner .item1-lc-box li .lc-item-cn h4 {
  width: 100%;
  height: 48px;
  background: #fefff6;
  border: 2px solid #fbb252;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  color: #f7881c;
  font-size: 18px;
  line-height: 1.1;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.cont1 .inner .item1-lc-box li .lc-item-cn p {
  position: relative;
  padding: 6px 0 0;
  color: #4d3a34;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
}

.cont1-table-box {
  overflow: hidden;
  width: 680px;
  margin: 15px auto 20px;
  border-radius: 20px;
  border: 2px solid #4d3a34;
  background-color: #fffcf8;
}

.cont1-table-box table {
  width: 100%;
  height: 100%;
}

.cont1-table-box table thead tr th {
  color: #8d4e1c;
  font-weight: bold;
  background: #fbd865;
  border-bottom: 2px solid #4d3a34;
  font-size: 18px;
  height: 45px;
  text-align: center;
  border-right: 1px solid #4d3a34;
}

.cont1-table-box table thead tr th:last-child {
  border-right: none;
}

.cont1-table-box table .color-spe1 {
  color: #ff7e45;
}

.cont1-table-box table tbody tr td {
  color: #4d3a34;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
  border: 1px solid #4d3a34;
  box-sizing: border-box;
  padding: 6px 10px;
}

.cont1-table-box table tbody tr td[rowspan="4"] {
  border-bottom: none;
}

.cont1-table-box table tbody tr td:nth-child(1) {
  border-left: none;
}

.cont1-table-box table tbody tr td:last-child {
  border-right: none;
  padding: 4px 20px;
}

.cont1-table-box table tbody tr:last-child td {
  border-bottom: none;
}

.cont1-table-box.cont1-table-box1 table:not(:first-child) {
  border-top: 2px solid #4d3a34;
}

.cont1-table-box.cont1-table-box1 tbody tr td:first-child {
  color: #ff7e45;
  width: 175px;
}

.cont2 {
  margin-top: 10px;
  padding-left: 25px;
}

.cont2-tab-tit {
  width: 870px;
  justify-content: space-between;
}

.cont2-tab-tit h2 {
  font-size: 28px;
  line-height: 34px;
  color: #ff7e45;
  position: relative;
  margin-left: 30px;
  margin-right: 25px;
  font-family: font;
}

.cont2-tab-tit h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont2-tab-tit h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont2-tab-tit span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont2-tab-tit em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont2-tab-box {
  width: 870px;
  margin: 32px 0 0;
  justify-content: flex-start;
  gap: 0 17px;
}

.cont2-tab-box .item {
  width: 213px;
  height: 71px;
  flex-direction: column;
  box-sizing: border-box;
  align-items: flex-start;
  font-size: 18px;
  line-height: 1.2;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont2/tab-bg.png) no-repeat;
  background-size: 100% 100%;
  padding-left: 100px;
  cursor: pointer;
  position: relative;
}

.cont2-tab-box .item::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 132px;
  height: 129px;
  pointer-events: none;
  left: -12px;
  bottom: -2px;
}

.cont2-tab-box .item:nth-child(1)::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont2/tab1-icon.png);
}

.cont2-tab-box .item:nth-child(2) {
  padding-left: 122px;
}

.cont2-tab-box .item:nth-child(2)::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont2/tab2-icon.png);
}

.cont2-tab-box .item:nth-child(3)::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont2/tab3-icon.png);
}

.cont2-tab-box .item.on {
  align-items: flex-start;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont2/tab-bg-on.png) no-repeat;
  background-size: 100% 100%;
}

.cont2-tab-box .item.on .name {
  font-size: 18px;
  color: #f5f7e6;
  font-weight: bold;
}

.cont2-tab-box .item.on span {
  display: block;
}

.cont2-tab-box p {
  font-size: 18px;
  color: #ed7b33;
  display: inline-block;
  font-weight: bold;
}

.cont2-tab-box span {
  font-size: 16px;
  color: #4c4395;
  display: none;
  line-height: 1.2;
}

.cont2-box {
  display: none;
  margin-top: 25px;
  margin-bottom: 20px;
  padding-left: 20px;
}

.cont2-box.active {
  display: block;
}

.cont2-tit {
  width: 860px;
  margin: 0 0 0 -10px;
  justify-content: space-between;
}

.cont2-tit h2 {
  font-size: 28px;
  line-height: 34px;
  color: #ff7e45;
  position: relative;
  margin-left: 35px;
  font-family: font;
  margin-right: 30px;
}

.cont2-tit h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont2-tit h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont2-tit em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont2-tit span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont2-text {
  width: 870px;
  color: #4d3a34;
  font-size: 20px;
  line-height: 36px;
  margin: 10px 0 12px 0;
  letter-spacing: .25px;
}

.cont2-pic {
  background: #282828;
  width: 856px;
  height: 480px;
  margin: 0 auto;
  border: 2px solid #4d3a34;
  position: relative;
}

.cont2-pic video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cont2-pic .video-play-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #282828 url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont2/video-btn.png) no-repeat 50% 50%/100px auto;
  left: 0;
  top: 0;
}

.cont2-table-box {
  overflow: hidden;
  width: 830px;
  margin: 15px 0 0 0;
  border-radius: 20px;
  border: 2px solid #4d3a34;
  background-color: #fffcf8;
}

.cont2-table-box table {
  width: 100%;
  height: 100%;
}

.cont2-table-box table thead tr th {
  color: #8d4e1c;
  font-weight: bold;
  background: #fbd865;
  border-bottom: 2px solid #4d3a34;
  font-size: 18px;
  height: 45px;
  text-align: center;
}

.cont2-table-box table thead tr th:nth-child(1) {
  width: 110px;
  border-right: 1px solid #4d3a34;
}

.cont2-table-box table thead tr th:nth-child(3) {
  width: 570px;
  border-left: 1px solid #4d3a34;
}

.cont2-table-box table tbody tr td {
  color: #4d3a34;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
  border: 1px solid #4d3a34;
  box-sizing: border-box;
  padding: 4px 10px;
}

.cont2-table-box table tbody tr td:nth-child(1) {
  border-left: none;
}

.cont2-table-box table tbody tr td:last-child {
  border-right: none;
  padding: 4px 20px;
  text-align: left;
}

.cont2-table-box table tbody tr:last-child td {
  border-bottom: none;
}

* {
  box-sizing: border-box;
}

:before,
:after {
  pointer-events: none;
}

.cont3 {
  display: flex;
  flex-direction: column;
  padding-left: 25px;
}

.cont3-head {
  display: flex;
  flex-direction: column;
  width: 871px;
}

.cont3-title {
  width: 870px;
  justify-content: space-between;
}

.cont3-title h2 {
  font-size: 28px;
  line-height: 34px;
  color: #ff7e45;
  position: relative;
  margin-left: 30px;
  margin-right: 25px;
  font-family: font;
}

.cont3-title h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont3-title h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont3-title span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont3-title em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont3-tab {
  display: flex;
  padding-top: 40px;
  gap: 0 8px;
}

.cont3-tab li {
  display: flex;
  align-items: center;
  width: 203px;
  height: 71px;
  font-size: 18px;
  line-height: 1.2;
  color: #ff7e45;
  font-weight: bold;
  padding-left: 105px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont2/tab-bg.png) no-repeat center/100% 100%;
  position: relative;
  cursor: pointer;
}

.cont3-tab li:before {
  content: "";
  width: 127px;
  height: 108px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont3/cont3-tab1-icon.png) no-repeat center/100% 100%;
  position: absolute;
  bottom: 1px;
  left: -23px;
}

.cont3-tab li:nth-child(2):before {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont3/cont3-tab2-icon.png);
}

.cont3-tab li:nth-child(3):before {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont3/cont3-tab3-icon.png);
}

.cont3-tab li:nth-child(4):before {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont3/cont3-tab4-icon.png);
}

.cont3-tab li.active {
  color: #fafbf3;
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont2/tab-bg-on.png);
}

.cont3-box {
  display: none;
  flex-direction: column;
  width: 871px;
  height: auto;
  padding: 40px 0 20px 20px;
}

.cont3-box.active {
  display: flex;
}

.cont3-box-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  margin-left: -10px;
}

.cont3-box-head h2 {
  font-size: 28px;
  line-height: 34px;
  color: #ff7e45;
  position: relative;
  margin-left: 30px;
  margin-right: 25px;
  font-family: font;
}

.cont3-box-head h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont3-box-head h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont3-box-head span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont3-box-head em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont3-box-table {
  width: 100%;
  border: 2px solid #706cf8;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}

.cont3-text {
  color: #4d3a34;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: .5px;
  padding-left: 5px;
  width: 700px;
}

.cont3-text span {
  color: #ff5a21;
}

.cont3-text img {
  display: block;
  max-width: 100%;
  object-fit: contain;
  margin: 6px auto;
}

.cont3 .cont3-tab3-content h3 {
  color: #8d4e1c;
  font-size: 20px;
  display: flex;
  align-items: center;
  margin: 18px 0 15px;
}

.cont3 .cont3-tab3-content h3:first-child {
  margin-top: 0;
}

.cont3 .cont3-tab3-content h3 span {
  display: block;
  background: #fbd55a url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-strong.png) right center/506px 44px;
  width: auto;
  border-radius: 44px;
  padding: 0 30px;
  height: 44px;
  line-height: 44px;
  font-weight: bold;
}

.cont3 .cont3-tab3-content .cont3-text {
  padding: 0 0 20px;
  width: 100%;
}

.cont3 .cont3-tab3-content .cont3-item-show {
  color: #4d3a34;
  font-size: 20px;
  line-height: 34px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.cont3 .cont3-tab3-content .cont3-item-show img {
  margin: 15px auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.cont3 .cont3-tab3-content .cont3-item-show li:not(:last-child) {
  margin-bottom: 6px;
}

.cont3 .cont3-tab3-content .cont3-item-show li span {
  font-weight: bold;
}

.cont3 .cont3-tab3-content .cont3-item-show li img {
  display: block;
  margin: 10px auto;
}

.cont3 .cont3-tab3-content .cont3-item-show li .cont3-table-box {
  margin: 10px auto;
}

.cont3 .cont3-tab3-content .cont3-item-show li .cont3-img img {
  margin: 0 auto;
  max-width: 100%;
  object-fit: contain;
}

.cont3 .cont3-tab3-content .cont3-item-show li .cont3-item-items {
  margin-bottom: 10px;
}

.cont3 .cont3-tab3-content .cont3-item-show li .cont3-item-items p {
  padding-left: 20px;
}

.cont3 .cont3-tab3-content .cont3-item-show li .cont3-item-items img + p {
  width: 643px;
  margin: 0 auto;
  padding-left: 0;
}

.cont3 .cont3-tab3-content .cont3-item-show.cont3-item-show1 li {
  margin-bottom: 25px;
}

.cont3 .cont3-tab3-content .cont3-item-show.cont3-item-show1 li img {
  margin: 0 auto;
}

.cont3 .cont3-tab3-content .cont3-item-show.cont3-item-show1 li p {
  text-align: center;
}

.cont3 .cont3-tab3-content .cont3-item-show .center {
  text-align: center;
}

.cont3-table-box {
  overflow: hidden;
  width: 780px;
  margin: 0 auto 40px;
  border-radius: 20px;
  border: 2px solid #4d3a34;
  background-color: #fffcf8;
}

.cont3-table-box table {
  width: 100%;
  height: 100%;
}

.cont3-table-box table thead tr th {
  color: #8d4e1c;
  font-weight: bold;
  background: #fbd865;
  border-bottom: 2px solid #4d3a34;
  font-size: 18px;
  height: 45px;
  border-right: 1px solid #4d3a34;
  text-align: center;
}

.cont3-table-box table thead tr th:last-child {
  border-right: none;
}

.cont3-table-box table tbody tr td {
  color: #4d3a34;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
  border: 1px solid #4d3a34;
  box-sizing: border-box;
  padding: 8px 10px;
}

.cont3-table-box table tbody tr td:nth-child(1) {
  border-left: none;
}

.cont3-table-box table tbody tr td:last-child {
  border-right: none;
}

.cont3-table-box table tbody tr td img {
  display: block;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto 6px;
}

.cont3-table-box table tbody tr:last-child td {
  border-bottom: none;
}

.cont3-item-text {
  color: #4d3a34;
  font-size: 20px;
  line-height: 36px;
}

.cont3-img {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 8px 0 18px;
  gap: 15px 0;
}

.cont3-img img {
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto !important;
}

.cont4 {
  padding: 0 0 0 25px;
}

.cont4 .c4_tit {
  width: 870px;
  justify-content: space-between;
}

.cont4 .c4_tit h2 {
  font-size: 28px;
  line-height: 34px;
  color: #ff7e45;
  position: relative;
  margin-left: 30px;
  margin-right: 25px;
  font-family: font;
}

.cont4 .c4_tit h2::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 23px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont3/cont3-box-head-before.png) no-repeat center/cover;
}

.cont4 .c4_tit h2::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/icon3.png) no-repeat center/cover;
}

.cont4 .c4_tit span {
  display: block;
  width: 29px;
  height: 29px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont1/icon1.png) no-repeat center/cover;
}

.cont4 .c4_tit em {
  display: block;
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #ff7e45, #ff7e45 70%, transparent);
  margin: 0 110px 0 5px;
}

.cont4 .c4_con_tit {
  color: #4935df;
  display: flex;
  align-items: center;
  width: 865px;
}

.cont4 .c4_con_tit::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont4/c4_icon2.png);
}

.cont4 .c4_con_tit::before {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/cont4/c4_icon3.png);
  right: 10px;
}

.cont4 .c4_tip {
  width: 871px;
  margin: 0 auto;
  font-size: 18px;
  color: #34384d;
  margin-top: 20px;
}

.cont4 .c4_tab_box {
  width: 871px;
  margin: 40px 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 10px;
}

.cont4 .c4_tab_box a {
  display: flex;
  align-items: center;
  width: 169px;
  height: 71px;
  color: #ee7d36;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont4/tab-bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-left: 83px;
  outline: none;
}

.cont4 .c4_tab_box a.active {
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont4/tab-bg-on.png) no-repeat;
  background-size: 100% 100%;
  color: #fafbf3;
}

.cont4 .c4_tab_box a::after {
  content: "";
  position: absolute;
  width: 135px;
  height: 105px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 1px;
  left: -36px;
}

.cont4 .c4_tab_box a:nth-child(1) {
  padding-left: 87px;
}

.cont4 .c4_tab_box a:nth-child(1)::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont4/cont4-tab1-icon.png);
}

.cont4 .c4_tab_box a:nth-child(2)::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont4/cont4-tab2-icon.png);
}

.cont4 .c4_tab_box a:nth-child(3)::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont4/cont4-tab4-icon.png);
}

.cont4 .c4_tab_box a:nth-child(4)::after {
  height: 113px;
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont4/cont4-tab3-icon.png);
}

.cont4 .c4_tab_box a:nth-child(5)::after {
  background-image: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont4/cont4-tab5-icon.png);
}

.cont4 .c4_con_box {
  width: 871px;
  padding: 20px 0 0 20px;
}

.cont4 .c4_con_box .c4_tit {
  margin-left: -10px;
}

.cont4 .c4_con_box .c4_con_text {
  color: #4d3a34;
  font-size: 20px;
  line-height: 36px;
  padding-top: 15px;
}

.cont4 .c4_con_box .c4_con_text img {
  display: block;
  margin: 10px auto;
}

.cont4 .c4_con_box .c4_con_text .c4_spe {
  color: #ff7e45;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  padding: 15px 0;
}

.cont4 .c4_con_box .c4_con_text dt:not(:first-child) {
  margin-top: 12px;
}

.cont4 .c4_con_box .con5 .c4_con_tit:not(:first-child) {
  margin-top: 30px;
}

.cont4 .c4_con_box .con5 .c4_con_text {
  padding-top: 6px;
}

.cont4-table-box {
  overflow: hidden;
  width: 680px;
  margin: 10px auto 40px;
  border-radius: 20px;
  border: 2px solid #4d3a34;
  background-color: #fffcf8;
}

.cont4-table-box table {
  width: 100%;
  height: 100%;
}

.cont4-table-box table thead tr th {
  color: #8d4e1c;
  font-weight: bold;
  background: #fbd865;
  border-bottom: 2px solid #4d3a34;
  font-size: 18px;
  height: 45px;
  border-right: 1px solid #4d3a34;
  text-align: center;
}

.cont4-table-box table thead tr th:last-child {
  border-right: none;
}

.cont4-table-box table tbody tr td {
  color: #4d3a34;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
  border: 1px solid #4d3a34;
  box-sizing: border-box;
  padding: 8px 10px;
}

.cont4-table-box table tbody tr td:nth-child(1) {
  border-left: none;
}

.cont4-table-box table tbody tr td:last-child {
  border-right: none;
}

.cont4-table-box table tbody tr td img {
  display: block;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto 6px;
}

.cont4-table-box table tbody tr:last-child td {
  border-bottom: none;
}

.pop_close {
  width: 93px;
  height: 93px;
  position: absolute;
  right: -105px;
  top: 0;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont3/close.png) no-repeat center/cover;
}

.pop {
  position: fixed;
  left: 50%;
  top: 50%;
  display: none;
}

.pop1 {
  width: 754px;
  height: 800px;
  box-sizing: border-box;
  border-radius: 34px;
  background-color: #4d3a34;
  border: 2px solid #9f826a;
}

.pop1 .role-info {
  position: relative;
  width: 750px;
  height: 170px;
  overflow: hidden;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}

.pop1 .role-info .role-img {
  width: 100%;
  height: 100%;
  display: block;
}

.pop1 .role-name {
  width: 282px;
  height: 59px;
  font-size: 22px;
  color: #402d26;
  font-weight: bold;
  text-align: center;
  line-height: 59px;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pc/cont3/t1_name_bg.png) no-repeat center/cover;
}

.pop1 .role-con {
  width: 100%;
  height: 655px;
  margin-top: -30px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background-color: #fffbf1;
  border-radius: 34px;
  box-sizing: border-box;
  padding-top: 38px;
}

.pop1 .role-con::-webkit-scrollbar {
  height: 422px;
  width: 7px;
}

.pop1 .role-con::-webkit-scrollbar-track {
  border-radius: 4px;
  /* 圆角，和轨道/滑块统一 */
}

.pop1 .role-con::-webkit-scrollbar-thumb {
  background: #f6dbaf;
  /* 红色滑块，匹配图片 */
  border-radius: 4px;
  /* 滑块圆角，贴合轨道 */
  border: 1px solid #a07b43;
  /* 去掉默认边框，保证纯红色 */
}

.pop1 .new-skill {
  width: 669px;
  height: 202px;
  border-radius: 8px;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #4d3a34;
  border: 1px solid #6e6151;
}

.pop1 .new-skill .tit {
  font-size: 18px;
  color: #f6daad;
  text-align: center;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border-bottom: 2px solid #6e6151;
}

.pop1 .new-skill .skill-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop1 .new-skill .skill-item {
  flex: 1;
  height: 150px;
  background-color: #f9ddb2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.pop1 .new-skill .skill-item:nth-child(1) {
  border-bottom-left-radius: 8px;
}

.pop1 .new-skill .skill-item:last-child {
  border-bottom-right-radius: 8px;
}

.pop1 .new-skill .skill-item:nth-child(2) {
  border-left: 1px solid #6e6151;
  border-right: 1px solid #6e6151;
}

.pop1 .img-box {
  width: 59px;
  height: 59px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d3a45e;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.pop1 .img-box.hide {
  display: none;
}

.pop1 .img-box img {
  width: 100%;
}

.pop1 .skill-name {
  font-size: 18px;
  color: #4d3a34;
  text-align: center;
}

.pop1 .skill-txt {
  width: 669px;
  border-radius: 8px;
  margin: 20px auto;
  box-sizing: border-box;
  background-color: #4d3a34;
  border: 1px solid #6e6151;
}

.pop1 .skill-txt .tit {
  font-size: 18px;
  color: #f6daad;
  text-align: center;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border-bottom: 2px solid #6e6151;
}

.pop1 .skill-txt .skill-list {
  background-color: #f6daad;
}

.pop1 .skill-txt .skill-list li:last-child .skill-item {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.pop1 .skill-txt .skill-list li:last-child .skill-name-con {
  min-height: 154px;
}

.pop1 .skill-txt .skill-name-con {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 150px;
  min-height: 154px;
  box-sizing: border-box;
}

.pop1 .skill-txt .skill-item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #6e6151;
}

.pop1 .skill-txt .skill-text {
  font-size: 18px;
  color: #4d3a34;
  display: flex;
  flex: 1;
  min-height: 154px;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #6e6151;
}

.pop1 .skill-txt .skill-text p {
  width: 440px;
}

.pop1 .skill-txt .skill-text em {
  display: inline-block;
  width: 1em;
  height: 18px;
  font-size: 18px;
}

/* 弹窗 */
.dialog-mask-wrapper {
  display: none;
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}

/* 领奖-绑定大区 */
#fxDialogRoleBind {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 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/m/m202405/index-260114/dialog/pop-bind-bg.png") no-repeat 100%/100%;
  width: 724px;
  height: 570px;
  padding: 0;
  box-sizing: border-box;
  padding: 134px 56px 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

#fxDialogRoleBind .dialog-content::before,
#fxDialogLogin .dialog-content::before {
  display: none;
}

#fxDialogRoleBind .custom-checkbox {
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/checkbox-1.png") no-repeat 100%/100%;
  width: 26px;
  height: 26px;
  border: none;
  position: absolute;
  left: 0;
  top: -2px;
}

#fxDialogRoleBind .agree-area.checked .custom-checkbox::after {
  content: "";
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/checkbox-1-on.png") no-repeat 100%/100%;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
}

#fxDialogRoleBind .role-item {
  height: auto;
}

#fxDialogRoleBind .role-item .custom-radio {
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/checkbox-1.png") no-repeat 100%/100%;
  width: 26px;
  height: 26px;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
}

#fxDialogRoleBind .role-item.checked .custom-radio::after {
  width: 100%;
  height: 100%;
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/checkbox-1-on.png") no-repeat 100%/100%;
}

.dialog-message .icon-close,
#fxDialogRoleBind .icon-close,
#fxDialogLogin .icon-close,
#fxDialogWX .icon-close {
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/btn-close.png") no-repeat 100%/100%;
  width: 50px;
  height: 50px;
  top: 0;
  right: 30px;
  line-height: 9900px;
  overflow: hidden;
  text-indent: -999em;
}

#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 {
  color: #615f60;
  font-size: 18px;
  line-height: 22px;
  margin-left: 26px;
  width: 100%;
}

#fxDialogRoleBind .role-list-title {
  display: none;
}

#fxDialogRoleBind .role-list {
  margin: 0;
  height: 52px !important;
  overflow-y: auto;
  overflow-x: hidden;
}

#fxDialogRoleBind .role-list::-webkit-scrollbar {
  width: 4px;
}

/* 滚动条轨道 */
#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: #6a381a;
  font-size: 18px;
  line-height: 26px;
  position: relative;
  box-sizing: border-box;
  padding-left: 26px;
}

#fxDialogRoleBind .btn-confirm {
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/btn-confirm.png") no-repeat 100%/100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 260px;
  height: 88px;
  text-indent: -9900px;
  overflow: hidden;
  margin: 32px 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 40px 0 20px;
  font-size: 18px;
  color: #6a381a;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0 auto;
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/select-box.png") no-repeat 100%/100%;
  width: 604px;
  height: 44px;
  line-height: 44px;
}

#fxDialogRoleBind .partition-role {
  margin-top: 60px;
}

#fxDialogRoleBind .role-list,
#fxDialogRoleBind .role-list-container {
  height: auto;
  margin-top: 56px;
}

#fxDialogRoleBind .select-wrap {
  width: auto;
  margin: 0 auto 6px;
}

#fxDialogRoleBind .dialog-title {
  display: none;
}

#fxDialogRoleBind .agree-tip {
  font-size: 16px;
  top: 410px;
}

#fxDialogRoleBind .info {
  left: 0;
  font-size: 2vh;
  position: absolute;
  text-align: center;
  width: 100%;
  color: red;
  font-size: 16px;
  top: 410px;
}

.dialog-mask-wrapper .dialog-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 710px;
  font-family: "Microsoft yahei";
}

.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: -55px;
  right: 39px;
  width: 77px;
  height: 77px;
  text-indent: -999em;
}

/* 领奖-消息提示弹窗 */
.dialog-message .dialog-box {
  margin: 0 auto 0;
}

.dialog-message .dialog-content {
  width: 616px;
  height: 359px;
  background: url("//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pop/pop-box3.png") no-repeat 0 0/100% 100%;
  box-sizing: border-box;
  margin: 0 auto;
}

.dialog-message .dialog-title {
  display: none;
}

.dialog-message .dialog-txt {
  position: absolute;
  left: 50%;
  height: 130px;
  font-size: 22px;
  text-align: center;
  box-sizing: border-box;
  color: #460011;
  line-height: 36px;
  text-align: center;
  margin-left: -300px;
  width: 600px;
  top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialog-message .dialog-btn {
  display: block;
  width: 354px;
  height: 75px;
  background: url("//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pop/pop3-btn.png") no-repeat 0 0/100% 100%;
  line-height: 990000px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 250px;
  margin-left: -177px;
}

.dialog-copy .dialog-btn {
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/btn-copy.png") no-repeat 0 0/100% 100%;
}

.dialog-copy .dialog-btn.gray {
  filter: grayscale(0%);
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/btn-copyed.png") no-repeat 0 0/100% 100%;
}

.dialog-message .dialog-close {
  width: 50px !important;
  height: 50px !important;
  position: absolute !important;
  right: 30px !important;
  top: 0 !important;
  z-index: 5;
  background: url("https://game.gtimg.cn/images/mdnf/m/m202405/index-260114/dialog/btn-close.png") no-repeat 0 0/100% 100% !important;
}

.fx-dialog-mask-wrapper.fx-dialog-login .dialog-content {
  position: relative;
  box-sizing: border-box;
  padding: 80px 0 0;
  width: 616px;
  height: 489px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pop/pop-box1.png) no-repeat center/100% 100%;
}

.fx-dialog-mask-wrapper.fx-dialog-login .dialog-title {
  width: 517px;
  height: 30px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pop/pop1-tit.png) no-repeat center/100% 100%;
  font-size: 0;
  margin: 0 auto 60px;
}

.fx-dialog-mask-wrapper.fx-dialog-login .login-buttons {
  width: 420px;
}

.fx-dialog-mask-wrapper.fx-dialog-login .login-buttons .btn-qqlogin {
  width: 171px;
  height: 206px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pop/qq.png) no-repeat center/100% 100%;
  font-size: 0;
}

.fx-dialog-mask-wrapper.fx-dialog-login .login-buttons .btn-wxlogin {
  width: 171px;
  height: 206px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pop/wx.png) no-repeat center/100% 100%;
  font-size: 0;
}

#fxDialogRoleBind .icon-close,
#fxDialogLogin .icon-close,
#dialogMessage .icon-close,
#fxDialogWX .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
  background: url(//game.gtimg.cn/images/mdnf/cp/a20260318index/version0520/pop/close.png) no-repeat center/100% 100%;
  text-indent: -999em;
}