@charset "UTF-8";
/* reset */
html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  outline: none;
}

a,
img,
input {
  border: none;
}

a {
  text-decoration: none;
}

body {
  font: 14px/1.75 -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

ul,
li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

db {
  text-indent: -999em;
  overflow: hidden;
}

html {
  font-size: 14px;
  font-family: 'Microsoft YaHei';
  width: 100%;
}

html {
  font-size: 20rem;
}

html {
  font-size: calc(100vw / 3840);
}

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

b {
  font-weight: bold;
}

b * {
  font-weight: bold;
}

body {
  width: 100%;
  background-color: #242220;
}

* {
  box-sizing: border-box;
}

.wrap {
  position: relative;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/bg.jpg) top center/cover no-repeat;
  height: 100vh;
  overflow: hidden;
}

.header {
  display: flex;
  justify-content: space-between;
  padding-right: 30rem;
  position: relative;
  z-index: 4;
}

.header .l {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/logoSlogan.png) no-repeat;
  background-size: 100% 100%;
  width: 1687rem;
  height: 399rem;
  margin-left: 90rem;
}

.header .loginBox {
  color: #efefef;
  font-size: 32rem;
  display: flex;
  padding-top: 50rem;
}

.header .loginBox a {
  color: #efefef;
}

.header .loginBox .login a {
  color: #0ff796;
  text-decoration: underline;
}

.header .loginBox .ruleBtn {
  display: block;
  color: #0ff796;
  margin-right: 50rem;
  text-decoration: underline;
}

.copyMain {
  width: 100%;
  display: flex;
  align-items: center;
}

.copyMain input {
  flex: 1;
  width: 911rem;
  height: 84rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/href_bg.png) no-repeat;
  background-size: 100% 100%;
  border-right: 0;
  color: #9d9d9d;
  font-size: 33rem;
  padding-left: 58rem;
}

.copyMain a {
  display: block;
  width: 411rem;
  height: 83rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/btn1.png) no-repeat;
  background-size: 100% 100%;
  line-height: 83rem;
  color: #000405;
  font-size: 36rem;
  text-align: center;
  padding-right: 30rem;
  font-weight: bold;
}

.copyMain .btn2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/btn5.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 15rem;
}

.main {
  display: flex;
  justify-content: space-between;
  padding: 0 126rem;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100rem;
  align-items: flex-end;
  z-index: 4;
}

.main .l {
  width: 1743rem;
}

.main .l .tabD {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/tabMain.png) no-repeat;
  background-size: 100% 434rem;
  height: 530rem;
  margin-top: 18rem;
  padding-top: 6rem;
}

.main .l .tabD .tabMain3 {
  padding: 0 60rem;
  justify-content: center;
}

.main .l .tabD .tabMain3 .list .items {
  width: 380rem;
}

.main .l .tabD .tabMain3 .list .items:nth-of-type(1) .icon::after {
  content: '';
  display: none;
  width: 116rem;
  height: 117rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/empty.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
}

.main .l .tabD .tabMain3 .list .items:nth-of-type(1) img {
  margin-top: 32rem;
}

.main .l .tabD .tabMain3 .list .items.empty .icon::after {
  display: block;
}

.main .l .tabD .tabMain3 .list .items.empty img {
  filter: brightness(0.4);
}

.main .l .tabD .tabMain .btn {
  width: 385rem;
  height: 80rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/btn3.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 80rem;
  display: block;
  margin: 0 auto;
  margin-top: 0rem;
  color: #000000;
  font-size: 32rem;
  font-weight: bold;
}

.main .l .tabD .tabMain .btn.gray {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/btn4.png) no-repeat;
  background-size: 100% 100%;
}

.main .l .tabD .list {
  display: flex;
  justify-content: space-around;
  height: 384rem;
  padding-top: 40rem;
}

.main .l .tabD .list .items {
  text-align: center;
  color: #d0d0d0;
  font-size: 28rem;
  margin: 0 60rem;
  line-height: 1.3;
}

.main .l .tabD .list .items.items2 {
  margin: 0 20rem;
}

.main .l .tabD .list .items p {
  white-space: nowrap;
  margin-top: 50rem;
}

.main .l .tabD .list .items p {
  display: flex;
  height: 88rem;
  justify-content: center;
}

.main .l .tabD .list .items.itemsType {
  width: 700rem;
}

.main .l .tabD .list .items.itemsType .icon {
  margin-bottom: 0;
  top: 0;
}

.main .l .tabD .list .items.itemsType .icon img {
  height: 289rem;
  margin-top: 40rem;
}

.main .l .tabD .list .items.itemsType p {
  display: flex;
  justify-content: center;
}

.main .l .tabD .list .items.itemsType p img {
  display: block;
  width: 39rem;
  height: 39rem;
  margin-right: 15rem;
}

.main .l .tabD .list .items .icon {
  height: 200rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 30rem;
}

.main .l .tabD .list .items .icon img {
  height: 200rem;
}

.main .l .t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 66rem;
  position: relative;
}

.main .l .t::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
  background-color: #5f6971;
}

.main .l .t .btn {
  display: block;
  width: 207rem;
  height: 55rem;
  text-align: center;
  line-height: 55rem;
  color: #10f696;
  text-decoration: underline;
  font-size: 32rem;
}

.main .l .t .tab {
  display: flex;
  align-items: center;
  height: 75rem;
}

.main .l .t .tab p {
  width: 283rem;
    text-align: center;
    color: #fff;
    font-size: 34rem;
    margin-left: 180rem;
    vertical-align: middle;
    height: 70rem;
    overflow: hidden;
    margin-top: -12rem;
    line-height: 70rem;
}

.main .l .t .tab p span {
  font-size: 60rem;
  margin: 0 8rem;
  color: #10f696;
}

.main .l .t .tab a {
  display: block;
  font-size: 32rem;
  width: 301rem;
  height: 75rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/tab1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 75rem;
  color: #b7b9b9;
  position: relative;
  margin: 0 -1rem;
  text-decoration: none;
}

.main .l .t .tab a::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 41rem;
  background-color: #7f7e7e;
}

.main .l .t .tab a:nth-of-type(3)::after {
  display: none;
}

.main .l .t .tab a.active {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/tab1-1.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}

.main .l .t .tab a.active::after {
  display: none;
}

.main .r {
  width: 1744rem;
}

.main .r .t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 66rem;
  position: relative;
}

.main .r .t::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
  background-color: #5f6971;
}

.main .r .t .tab {
  display: flex;
  align-items: center;
}

.main .r .t .tab a {
  display: block;
  font-size: 32rem;
  width: 301rem;
  height: 75rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/tab1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 75rem;
  color: #b7b9b9;
  position: relative;
  margin: 0 -1rem;
}

.main .r .t .tab a.active {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/tab1-1.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}

.main .r .t .tab a.active::after {
  display: none;
}

.main .r .t .tab a::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 41rem;
  background-color: #7f7e7e;
}

.main .r .rightMain {
  height: 530rem;
  width: 100%;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/tabMain2.png) no-repeat;
  background-size: 100% 434rem;
  margin-top: 18rem;
  padding-top: 6rem;
}

.main .r .rightMain .btn {
  width: 385rem;
  height: 80rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/btn3.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 80rem;
  display: block;
  margin: 0 auto;
  color: #000000;
  font-size: 32rem;
  font-weight: bold;
}

.main .r .rightMain .btn.gray {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/btn4.png) no-repeat;
  background-size: 100% 100%;
}

.main .r .list {
  display: flex;
  justify-content: center;
  height: 384rem;
}

.main .r .list .items {
  text-align: center;
  color: #d0d0d0;
  font-size: 30rem;
  margin: 0 26rem;
  line-height: 1.3;
}

.main .r .list .items.itemsType {
  color: #0ff193;
}

.main .r .list .items.itemsType .icon img {
  height: 238rem;
}

.main .r .list .items p {
  display: flex;
  align-items: start;
  height: 88rem;
  justify-content: center;
}

.main .r .list .items .icon {
  height: 280rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 20rem;
}

.main .r .list .items .icon img {
  height: 200rem;
}

.icon_box {
  width: 2192rem;
  position: absolute;
  left: 53%;
  transform: translateX(-50%);
  top: 20%;
  z-index: 2;
}

.icon_box .q_icon {
  width: 0;
  height: 373rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/q_icon.png) no-repeat;
  background-size: auto 100%;
  animation: ww 1.5s ease-in-out forwards;
}

@keyframes ww {
  0% {
    width: 0;
  }
  100% {
    width: 945rem;
  }
}

.dia {
  display: none;
}

.dia .close {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/close.png) no-repeat;
  width: 81rem;
  height: 81rem;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  right: -100rem;
  top: 10rem;
}

.dia .diaBtn {
  width: 462rem;
  height: 96rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/diaBtn1.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  display: block;
  margin-top: 30rem;
  text-align: center;
  line-height: 96rem;
  font-size: 46rem;
  color: #000000;
  font-weight: bold;
}

.diaXgy {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/pop1.png) no-repeat;
  background-size: 100% 100%;
  width: 1641rem;
  height: 1323rem;
  padding-top: 320rem;
}

.diaXgy .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 100rem;
  text-align: center;
}

.diaXgy .list .items {
  width: 350rem;
  color: #d0d0d0;
  font-size: 30rem;
  line-height: 1.4;
}

.diaXgy .list .items p {
  height: 140rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190rem;
  margin: 0 auto;
}

.diaXgy .list .items .icon {
  height: 200rem;
}

.diaXgy .list .items .icon img {
  display: block;
  margin: 0 auto;
  height: 100%;
}

.diaThree .list {
  height: auto;
  align-items: center;
  padding: 0 200rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50rem;
}

.diaThree .list .items {
  margin: 0 20rem 50rem;
}

.diaThree .list .items.itemsType {
  width: auto;
  color: #0ff193;
}

.diaThree .list .items.itemsType .icon img {
  height: 238rem;
}

.diaT3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/pop6.png) no-repeat;
  background-size: 100% 100%;
  height: 906rem;
  padding-top: 80rem;
}

.diaT3 .dia-tit-hdgz {
  font-size: 80rem;
  color: #0ff796;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50rem;
}

.diaT3 .list {
  height: auto;
  align-items: center;
  padding: 0 60rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50rem;
}

.diaT3 .list .items {
  margin: 0 0 50rem;
}

.diaT3 .list .items.itemsType {
  width: auto;
  color: #0ff193;
}

.diaT3 .list .items.itemsType .icon img {
  height: 238rem;
}

.diaLogin {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/m/pop3.png) no-repeat;
  background-size: 100% 100%;
  width: 1396rem;
  height: 776rem;
  padding-top: 280rem;
}

.diaLogin .diaMain {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/loginIcon.png) no-repeat;
  background-size: 100% 100%;
  width: 782rem;
  height: 351rem;
  margin: 0 auto;
  display: block;
  display: flex;
  justify-content: space-between;
}

.diaLogin .diaMain a {
  display: block;
  height: 100%;
  width: 324rem;
}

#dia1 .list {
  margin-bottom: 80rem;
}

.diaTxt {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/pop4.png) no-repeat;
  background-size: 100% 100%;
  width: 1391rem;
  height: 733rem;
  padding-top: 192rem;
}

.diaTxt .diaBtn {
  margin-top: 0;
}

.diaTxt .txt {
  height: 368rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #b5b5b5;
  font-size: 42rem;
  padding: 0 150rem;
}

.diaTxt .txt .tips {
  font-size: 30rem;
  margin-top: 10rem;
}

.diaYqjl {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/pop5.png) no-repeat;
  background-size: 100% 100%;
  width: 1391rem;
  height: 993rem;
  padding-top: 220rem;
}

.diaYqjl .table {
  width: 1200rem;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.diaYqjl .table p {
  width: 50%;
  text-align: center;
  color: #b5b5b5;
}

.diaYqjl .table .thead {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
}

.diaYqjl .table .thead p {
  line-height: 100rem;
  font-size: 38rem;
  color: #fff;
}

.diaYqjl .table .tbody {
  height: 600rem;
  overflow-y: auto;
}

.diaYqjl .table .tbody::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4rem;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 2rem;
  background: #514b4b;
}

.diaYqjl .table .tbody::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.diaYqjl .table .tbody::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #514b4b;
}

.diaYqjl .table .tbody::-webkit-scrollbar-button {
  /* 滚动条两端的按钮 */
  background: #514b4b;
}

.diaYqjl .table .items {
  height: 120rem;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.diaYqjl .table .items p {
  display: flex;
  font-size: 28rem;
  align-items: center;
  justify-content: center;
}

.diaRule {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/pop6.png) no-repeat;
  background-size: 100% 100%;
  width: 1417rem;
  height: 1300rem;
  padding-top: 90rem;
}

.diaRule .dia-tit-hdgz {
  font-size: 80rem;
  color: #0ff796;
  font-weight: 700;
  text-align: center;
}

.diaRule .diaMain {
  padding: 0 100rem;
  color: #c1c0c0;
  font-size: 38rem;
  height: 1000rem;
  overflow-y: auto;
}

.diaRule .diaMain::-webkit-scrollbar {
  width: 2rem;
  border-radius: 5rem;
  background: #414141;
}

.diaRule .diaMain::-webkit-scrollbar-thumb {
  background: #a0a0a0;
  border-radius: 5rem;
}

.diaRule p {
  padding-left: 36rem;
  line-height: 1.4;
  margin-bottom: 20rem;
}
.diaRule p em {
  color: #0ff796;
}
.diaRule p.spe-p {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/dot.png) no-repeat left top;
  background-size: 19rem 20rem;
  background-position-y: 20rem;
}

.diaRule p:last-child {
  margin-bottom: 0;
}

.diaRule p.type {
  font-weight: 700;
}

.queryAssist {
  background-image: url(https://game.gtimg.cn/images/dfm/cp/a20251114sslrlr/m/pop4.png);
  height: 1036rem;
  width: 1270rem;
  padding-top: 180rem;
}

.queryAssist .txt {
  height: auto;
  padding: 0;
}

.queryAssist .prop {
  display: flex;
  justify-content: center;
  margin-top: 100rem;
}

.queryAssist .prop img {
  height: 240rem;
  display: block;
  margin: 0 20rem;
  object-fit: contain;
}

.queryAssist .btn_box {
  margin-top: 100rem;
  display: flex;
  justify-content: center;
}

.queryAssist .btn_box a {
  margin: 0 40rem;
}

.diaXgy.diaOne .list .items {
  margin: 0 28rem 0;
}

.diaXgy.diaOne .list .items:nth-child(1) {
  width: 100%;
  margin: 0 0 50rem;
}

.diaXgy.diaOne .list .items:nth-child(1) p img {
  width: 39rem;
  height: 39rem;
  margin-right: 5rem;
}

.vbg {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.vbg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}