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;
}

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;
}

* {
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

html {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  width: 100%;
  font-size: calc(100vw / 1920);
}

body {
  width: 100%;
  overflow-x: hidden;
  background-color: #000;
}

#afooter {
  background: #1c1c1c;
  text-align: center;
}

#afooter .wrap_ieg {
  width: 1240px;
  margin: 0 auto;
  padding: 30px 0;
}

#afooter p {
  color: #6e6e6e;
  font-size: 18px;
}

#afooter a {
  color: #6e6e6e;
  font-size: 18px;
}

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

.btn-primary {
  width: 414rem;
  height: 91rem;
  line-height: 93rem;
  display: block;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-primary.png") no-repeat center center;
  background-size: cover;
  color: #16191a;
  font-size: 38rem;
  text-align: center;
  font-weight: bold;
  margin: 38rem auto 0;
}

.btn-secondly {
  display: block;
  width: 421rem;
  height: 91rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-secondly-lg.png") no-repeat center center;
  background-size: cover;
  color: #001d11;
  font-size: 38rem;
  text-align: center;
  line-height: 91rem;
  cursor: pointer;
  font-weight: bold;
}

.btn-info {
  display: block;
  width: 223rem;
  height: 53rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-info.png") no-repeat center center;
  background-size: cover;
  color: #0fcb7e;
  font-size: 25rem;
  text-align: center;
  line-height: 53rem;
  cursor: pointer;
}

.tag-primary {
  display: block;
  width: 72rem;
  height: 19rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-primary.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12rem;
  text-align: center;
  line-height: 22rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-primary-lg {
  display: block;
  width: 145rem;
  height: 23rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-primary-lg.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 24rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-secondly {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-secondly.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 25rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-info {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-info.png") no-repeat center center;
  background-size: cover;
  color: white;
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-txt {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-txt.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-default {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-default.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-green {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-green.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-pass {
  display: block;
  width: 115rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-pass.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.label-default {
  display: flex;
  justify-content: center;
  width: 236rem;
  height: 49rem;
  line-height: 49rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag4.png) no-repeat center center;
  background-size: cover;
  font-size: 30rem;
  color: #eaebeb;
  margin: 20rem auto 26rem;
  font-weight: bold;
}

.container {
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/container-bg.png") no-repeat center top #171d22;
  background-size: 100% 100%;
  padding-bottom: 140rem;
}

.banner {
  height: 1419rem;
  position: relative;
}

.banner-title {
  width: 1044rem;
  height: 240rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/banner-title.png") no-repeat center center;
  background-size: cover;
  margin: 440rem auto 0;
  transform: translateX(21rem);
}

.banner .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.banner .top .logo-group {
  display: flex;
  align-items: center;
  gap: 58rem;
  padding-left: 30rem;
  padding-top: 20rem;
}

.banner .top .logo-group .action {
  display: block;
}

.banner .top .logo-group .action.netcafe .logo {
  width: 92rem;
  height: 83rem;
}

.banner .top .logo-group .action.game .logo {
  width: 291;
  height: 45rem;
}

.banner .top .logo-group .action.qq .logo {
  width: 206rem;
  height: 70rem;
}

.banner .top .logo-group .action .logo {
  width: 299rem;
  height: 81rem;
}

.banner .top .link-group {
  display: flex;
  gap: 45rem;
  padding-right: 30rem;
}

.banner .top .link-group .action {
  font-size: 30rem;
  color: #ffffff;
  text-decoration: underline;
}

.banner .top .link-group .action.em {
  color: #5bea94;
}

.banner .btn-open {
  display: block;
  width: 461rem;
  height: 105rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-open.png") no-repeat center center;
  background-size: cover;
  margin: 54rem auto 0;
}

.banner .tips {
  width: fit-content;
  font-size: 26rem;
  color: #cacaca;
  text-align: center;
  position: relative;
  margin: 26rem auto 0;
  padding-left: 36rem;
}

.banner .tips::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28rem;
  height: 20rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/icon-trumpet.png") no-repeat center center;
  background-size: cover;
  margin-top: -2rem;
}

.banner .content {
  display: flex;
  justify-content: center;
  margin-top: 100rem;
  gap: 24rem;
}

.banner .content .item {
  width: 516rem;
  height: 170rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/privilege-item-bg.png") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.banner .content .item .title {
  font-size: 28rem;
  color: #fff;
  line-height: 37rem;
  text-align: center;
  position: relative;
  padding-bottom: 6rem;
}

.banner .content .item .title::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 203rem;
  height: 2rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/line.png") no-repeat center center;
  background-size: cover;
}

.banner .content .item .title .em {
  font-size: 29rem;
  color: #fffbdb;
}

.banner .content .item .pic {
  width: auto;
  height: 101rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -23rem;
}

.banner .content .item .text {
  text-align: center;
  color: rgba(227, 227, 227, 0.8);
  font-size: 22rem;
  margin-top: 54rem;
}

.banner .more {
  width: fit-content;
  display: flex;
  align-items: center;
  margin: 70rem auto 0;
  gap: 5rem;
  cursor: default;
}

.banner .more .icon-arrow {
  width: 43rem;
  height: 48rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/icon-arrow.png") no-repeat center center;
  background-size: cover;
}

.banner .more .txt {
  font-size: 24rem;
  color: #888989;
}

.part-privilege {
  position: relative;
  z-index: 1;
  margin-top: 120rem;
}

.part-privilege__title {
  width: 1504rem;
  height: 79rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/unlock-title.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
}

.part-privilege .mod-slogan {
  width: 1014rem;
  height: 54rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/privilege-slogan.png") no-repeat center center;
  background-size: cover;
  margin: 80rem auto 0;
  transform: translateX(-39rem);
}

.part-privilege .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 40rem;
  gap: 26rem;
}

.part-privilege .tab a {
  color: #f2f0e0;
  font-size: 34rem;
  width: 517rem;
  height: 97rem;
  background-image: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tab-bg.png);
  background-size: 100% 100%;
  text-align: center;
  line-height: 97rem;
  font-weight: bold;
}

.part-privilege .tab a.active {
  color: #001d11;
  background-image: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tab-bg-active.png);
}

.part-privilege .privilege-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  gap: 25rem;
}

.part-privilege .privilege-tab .privilege-tab-item {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/sub-tab-bg.png) no-repeat;
  background-size: 100% 100%;
  width: 497rem;
  height: 72rem;
  color: #65696c;
  font-size: 28rem;
  text-align: center;
  line-height: 72rem;
  font-weight: bold;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
}

.part-privilege .privilege-tab .privilege-tab-item.active {
  background-image: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/sub-tab-active-bg.png);
  color: #0fcb7e;
}

.part-privilege .privilege-body {
  width: 1604rem;
  height: auto;
  min-height: 893rem;
  position: relative;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/privilege-content-bg.png) no-repeat center center;
  background-size: 100% 100%;
  margin: 36rem auto 0;
  padding: 30rem 30rem 20rem;
  overflow: hidden;
}

.part-privilege .privilege-body.support {
  height: 923rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/support-bg.png) no-repeat center center;
  background-size: cover;
}

.part-privilege .privilege-content .privilege-module {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.part-privilege .privilege-content .privilege-module .privilege-tit {
  font-size: 0;
  color: transparent;
  text-indent: -999em;
  position: absolute;
  left: 404rem;
  top: -108rem;
  background-size: 100% 100% !important;
  z-index: 2;
}

.part-privilege .privilege-content .privilege-module .privilege-tit1 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/title1-1.png) no-repeat;
  background-size: 100% 100%;
  width: 246rem;
  height: 60rem;
}

.part-privilege .privilege-content .privilege-module .privilege-tit4 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/title1-4.png) no-repeat;
  background-size: 100% 100%;
  width: 245rem;
  height: 60rem;
}

.part-privilege .privilege-content .privilege-module .privilege-tit2 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/title1-2.png) no-repeat;
  background-size: 100% 100%;
  width: 452rem;
  height: 72rem;
}

.part-privilege .privilege-content .privilege-module .privilege-tit3 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/title1-3.png) no-repeat;
  background-size: 100% 100%;
  width: 594rem;
  height: 71rem;
  left: 0 !important;
  top: 28rem !important;
}

.part-privilege .privilege-content .role-tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 18rem 22rem;
  max-height: 668rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.part-privilege .privilege-content .role-tab::-webkit-scrollbar {
  width: 7rem;
}

.part-privilege .privilege-content .role-tab::-webkit-scrollbar-track {
  background-color: #191718;
  border: 1px #3a3b3c solid;
}

.part-privilege .privilege-content .role-tab::-webkit-scrollbar-thumb {
  background: #0ff796;
}

.part-privilege .privilege-content .role-tab-box {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role-tab-box.png) no-repeat;
  background-size: 100% 100%;
  width: 305rem;
  height: 697rem;
  padding: 17rem 0 17rem 18rem;
  position: absolute;
  top: 65rem;
  right: 97rem;
  z-index: 4;
}

.part-privilege .privilege-content .role-tab li {
  width: 118rem;
  height: 120rem;
  cursor: pointer;
  position: relative;
}

.part-privilege .privilege-content .role-tab li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.part-privilege .privilege-content .role-tab li.on::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1rem solid #f5d659;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  box-sizing: border-box;
}

.part-privilege .privilege-content .role-info {
  position: relative;
  z-index: 2;
}

.part-privilege .privilege-content .role-info .role-info-item {
  width: 560rem;
  position: absolute;
  left: 97rem;
  top: 237rem;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
}

.part-privilege .privilege-content .role-info .role-info-item .role-tag {
  width: 69rem;
  height: 76rem;
  margin-right: 34rem;
}

.part-privilege .privilege-content .role-info .role-info-item .role-tag img {
  height: 100%;
  object-fit: cover;
}

.part-privilege .privilege-content .role-info .role-info-item .role-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.part-privilege .privilege-content .role-info .role-info-item .role-name {
  color: #eaebeb;
  font-size: 41rem;
  font-family: 'fzltzchjt';
  font-weight: bold;
  line-height: 1.2;
}

.part-privilege .privilege-content .role-info .role-info-item .role-name span {
  font-size: 17rem;
  color: #a4a6a6;
  margin-left: 10rem;
  font-family: 'txsjz';
}

.part-privilege .privilege-content .role-info .role-info-item .role-code {
  font-size: 14rem;
  color: #a5a6a6;
  font-family: 'sjz';
  margin-top: 10rem;
}

.part-privilege .privilege-content .role-info .role-info-item .role-code span {
  display: inline-block;
  height: 24rem;
  line-height: 24rem;
  color: #0e1215;
  background-color: var(--code-bgColor);
  padding: 0 13rem;
  font-size: 17rem;
  margin-right: 12rem;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info1 {
  --code-bgColor: #ffd55d;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info2 {
  --code-bgColor: #0ff89b;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info3 {
  --code-bgColor: #fe3450;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info4 {
  --code-bgColor: #ffd55d;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info5 {
  --code-bgColor: #0ff2f7;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info6 {
  --code-bgColor: #0ff89b;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info7 {
  --code-bgColor: #fe3450;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info8 {
  --code-bgColor: #0ff2f7;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info9 {
  --code-bgColor: #ffd55d;
}

.part-privilege .privilege-content .role-info .role-info-item.role-info11 {
  --code-bgColor: #fe3450;
}

.part-privilege .privilege-content .role-info .role-info-item .desc {
  width: 360rem;
  color: #a5a6a6;
  font-size: 17rem;
  line-height: 1.2;
  margin: 12rem 0 30rem;
  position: relative;
  white-space: nowrap;
  font-family: 'sjz';
}

.part-privilege .privilege-content .role-info .role-info-item .desc::after {
  content: '';
  width: 100%;
  height: 1rem;
  background-color: #a5a6a6;
  opacity: 0.1;
  position: absolute;
  left: 0;
  bottom: -14rem;
}

.part-privilege .privilege-content .role-skill-list {
  width: 430rem;
  display: flex;
  flex-direction: column;
}

.part-privilege .privilege-content .role-skill-list li {
  width: 100%;
  display: flex;
  height: 61rem;
  margin-bottom: 36rem;
}

.part-privilege .privilege-content .role-skill-list li .skill-icon {
  width: 68rem;
  height: 61rem;
  position: relative;
  margin-right: 36rem;
}

.part-privilege .privilege-content .role-skill-list li .skill-icon img {
  width: 61rem;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.part-privilege .privilege-content .role-skill-list li .skill-icon::after {
  content: '';
  width: 1rem;
  height: 100%;
  background-color: #a5a6a6;
  opacity: 0.1;
  position: absolute;
  right: -17rem;
  top: 0;
}

.part-privilege .privilege-content .role-skill-list li .skill-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.part-privilege .privilege-content .role-skill-list li .skill-code {
  height: 24rem;
  color: var(--code-bgColor);
  font-size: 12rem;
  display: flex;
  align-items: center;
}

.part-privilege .privilege-content .role-skill-list li .skill-code p {
  display: none;
}

.part-privilege .privilege-content .role-skill-list li .skill-code span {
  width: 90rem;
  height: 24rem;
  font-size: 17rem;
  text-align: center;
  line-height: 24rem;
  color: #0e1215;
  background-color: var(--code-bgColor);
  margin-right: 6rem;
}

.part-privilege .privilege-content .role-skill-list li .skill-name {
  color: #eaebeb;
  font-size: 24rem;
  font-family: 'zhanshuchuti';
  line-height: 1;
  margin-top: 10rem;
}

.part-privilege .privilege-content .role-img {
  width: 100%;
  height: 746rem;
  position: relative;
  pointer-events: none;
}

.part-privilege .privilege-content .role-img li {
  width: 100%;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 0;
}

.part-privilege .privilege-content .role-img li div {
  margin: 0 auto;
  position: absolute;
  bottom: -79rem;
  left: 50%;
  transform: translateX(-50%);
}

.part-privilege .privilege-content .role-img .role-img1 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/role_img1.png) no-repeat;
  width: 771rem;
  height: 623rem;
  background-size: 100% 100%;
  margin-left: 20rem;
  bottom: -42rem;
}

.part-privilege .privilege-content .role-img .role-img2 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img2.png) no-repeat;
  width: 965rem;
  height: 770rem;
  background-size: 100% 100%;
  bottom: -42rem;
}

.part-privilege .privilege-content .role-img .role-img3 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img3.png) no-repeat;
  width: 740rem;
  height: 741rem;
  background-size: 100% 100%;
  margin-left: 60rem;
  bottom: -42rem;
}

.part-privilege .privilege-content .role-img .role-img4 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img4.png) no-repeat;
  width: 951rem;
  height: 757rem;
  background-size: 100% 100%;
  margin-left: 50rem;
  bottom: -42rem;
}

.part-privilege .privilege-content .role-img .role-img5 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img5.png) no-repeat;
  width: 1140rem;
  height: 690rem;
  background-size: 100% 100%;
  bottom: -42rem;
  margin-left: -100rem;
}

.part-privilege .privilege-content .role-img .role-img6 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img6.png) no-repeat;
  background-size: 100% 100%;
  width: 865rem;
  height: 717rem;
  bottom: -42rem;
  margin-left: 50rem;
}

.part-privilege .privilege-content .role-img .role-img7 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img7.png) no-repeat;
  background-size: 100% 100%;
  width: 773rem;
  height: 717rem;
  margin-left: 80rem;
  bottom: -42rem;
}

.part-privilege .privilege-content .role-img .role-img8 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img8.png) no-repeat;
  background-size: 100% 100%;
  width: 950rem;
  height: 760rem;
  bottom: -43rem;
  margin-left: 60rem;
}

.part-privilege .privilege-content .role-img .role-img9 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img9.png) no-repeat;
  background-size: 100% 100%;
  width: 965rem;
  height: 824rem;
  bottom: -44rem;
}

.part-privilege .privilege-content .role-img .role-img10 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img10.png) no-repeat;
  width: 693rem;
  height: 747rem;
  background-size: 100% 100%;
  margin-left: 60rem;
  bottom: -43rem;
}

.part-privilege .privilege-content .role-img .role-img11 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/role_img11.png) no-repeat;
  width: 1032rem;
  height: 749rem;
  background-size: cover;
  bottom: -42rem;
}

.part-privilege .privilege-content .role-img div {
  position: relative;
  z-index: 1;
}

.part-privilege .privilege-content .role-img p {
  /* color: #141a1d;
        font-size: 240rem;
        font-family: 'fzltthjw';
        position: absolute;
        bottom: 40rem;
        left: 50%;
        transform: translateX(-50%); */
  display: none;
}

.part-privilege .active-box .active-img {
  background-size: 100% 100%;
  width: 1112rem;
  height: 553rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -5rem;
}

.part-privilege .active-box .active-img.active-img2 {
  background-image: url(//game.gtimg.cn/images/dfm/cp/wbtq/part1-img3.png);
}

.part-privilege .privilege-content .privilege-module .privilege-tit {
  font-size: 0;
  color: transparent;
  text-indent: -999em;
  position: absolute;
  left: 88rem;
  top: 50rem;
  background-size: 100% 100% !important;
  z-index: 2;
}

.part-privilege .privilege-content .privilege-module .privilege-tit.privilege-tit1 {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/title1-1.png) no-repeat;
  background-size: 100% 100%;
  width: 246rem;
  height: 60rem;
}

.part-privilege .bonus-box {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/part1-img2.png) no-repeat;
  background-size: 100% 100%;
  width: 1541rem;
  height: 977rem;
  position: absolute;
  top: 120rem;
  left: 50%;
  transform: translateX(-50%);
}

.part-privilege .welfare-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40rem;
  justify-content: center;
  margin-top: 50rem;
}

.part-privilege .welfare-list .welfare-item .top {
  display: flex;
  align-items: center;
}

.part-privilege .welfare-list .welfare-item .top .em {
  color: #ffed70;
  font-size: 21rem;
  margin-left: 15rem;
}

.part-privilege .welfare-list .welfare-item .title {
  position: relative;
}

.part-privilege .welfare-list .welfare-item .title::after {
  display: block;
  content: '';
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/title-after.png) no-repeat;
  background-size: cover;
  width: 182rem;
  height: 13rem;
  position: absolute;
  right: -40rem;
  bottom: -16rem;
}

.part-privilege .welfare-list .welfare-item .action {
  text-decoration: underline;
  color: #ffed70;
  font-size: 21rem;
  cursor: pointer;
  margin-left: 30rem;
}

.part-privilege .welfare-list .welfare-item .sub-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  justify-content: center;
  width: 486rem;
  height: 622rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/welfare-item-bg.png") no-repeat center center;
  background-size: cover;
  padding: 22rem 16rem;
  margin-top: 20rem;
}

.part-privilege .welfare-list .welfare-item.skin .title {
  width: 359rem;
  height: 30rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/welfare-list-title.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .welfare-list .welfare-item.skin .skin-list {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(4, 1fr);
  gap: 22rem 8rem;
  grid-template-areas: "item1 item2 item3 item4"
 "item5 item5 item5 item5"
 "item6 item6 item7 item7";
  width: 486rem;
  height: 622rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/welfare-item-bg.png") no-repeat center center;
  background-size: cover;
  padding: 20rem 18rem;
  margin-top: 20rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item {
  position: relative;
  width: 106rem;
  height: 229rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/skin-item-sm.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item .txt {
  font-size: 20rem;
  color: rgba(255, 255, 255, 0.8);
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 7rem;
  line-height: 1.2;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item--horizontal {
  width: 452rem;
  height: 129rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/skin-item--horizontal.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item--vertical {
  width: 216rem;
  height: 169rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/skin-item--vertical.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(1) {
  grid-area: item1;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(2) {
  grid-area: item2;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(3) {
  grid-area: item3;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(3) .pic {
  width: 87rem;
  height: 201rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(4) {
  grid-area: item4;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(4) .pic {
  width: 103rem;
  height: 199rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(5) {
  grid-area: item5;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(6) {
  grid-area: item6;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item:nth-child(7) {
  grid-area: item7;
  margin-left: 10rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item .pic {
  width: 103rem;
  height: 203rem;
  object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 24rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item .pic.knife {
  width: 220rem;
  height: 42rem;
  top: 34rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item .pic.gun1 {
  width: 188rem;
  height: 47rem;
  top: 46rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item .pic.gun2 {
  width: 194rem;
  height: 71rem;
  top: 37rem;
}

.part-privilege .welfare-list .welfare-item.skin .skin-item .tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 96rem;
  height: 25rem;
  line-height: 25rem;
  text-align: center;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16rem;
}

.part-privilege .mod-machine .title {
  width: 185rem;
  height: 30rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/machine-title.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .mod-machine.prop .title {
  width: 243rem;
  height: 30rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/prop-title.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .mod-machine.prop .mod-machine__item:nth-child(1) .pic {
  width: 187rem;
  height: 58rem;
}

.part-privilege .mod-machine.prop .mod-machine__item:nth-child(2) .pic {
  width: 192rem;
  height: 54rem;
}

.part-privilege .mod-machine.prop .mod-machine__item:nth-child(3) .pic {
  width: 186rem;
  height: 68rem;
}

.part-privilege .mod-machine.prop .mod-machine__item:nth-child(4) .pic {
  width: 197rem;
  height: 69rem;
}

.part-privilege .mod-machine.prop .mod-machine__item:nth-child(4) .mod-machine__item-txt::before {
  display: block;
}

.part-privilege .mod-machine__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114rem;
  height: 25rem;
  line-height: 25rem;
  text-align: center;
  font-size: 16rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag.png") no-repeat center center;
  background-size: cover;
  color: rgba(235, 255, 245, 0.7);
}

.part-privilege .mod-machine__tag.tag2 {
  height: 36rem;
  line-height: 16rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag2.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .mod-machine__tag.tag3 {
  width: 104rem;
  height: 26rem;
  line-height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag3.png") no-repeat center center;
  background-size: cover;
  color: #000;
}

.part-privilege .mod-machine__list {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}

.part-privilege .mod-machine__item {
  position: relative;
  width: 452rem;
  height: 129rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/skin-item--horizontal.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
}

.part-privilege .mod-machine__item:nth-child(1) .pic {
  width: 202rem;
  height: 78rem;
}

.part-privilege .mod-machine__item:nth-child(2) .pic {
  width: 102rem;
  height: 72rem;
}

.part-privilege .mod-machine__item:nth-child(3) .pic {
  width: 215rem;
  height: 52rem;
}

.part-privilege .mod-machine__item:nth-child(4) .pic {
  width: 155rem;
  height: 75rem;
}

.part-privilege .mod-machine__item .pic {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.part-privilege .mod-machine__item .pic-box {
  width: 100%;
  height: 100rem;
  position: relative;
}

.part-privilege .mod-machine__item-txt {
  font-size: 20rem;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 7rem;
  width: max-content;
  line-height: 1.2;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 5rem;
}

.part-privilege .mod-machine__item-txt::before {
  display: none;
  content: '';
  width: 10rem;
  height: 8rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/dot-sm.png") no-repeat center center;
  background-size: cover;
}

.part-privilege .mod-machine__item-txt .em {
  font-size: 20rem;
  color: rgba(255, 240, 122, 0.8);
}

.part-privilege .secondly-tab-content {
  display: none;
}

.part-privilege .secondly-tab .privilege-tab-item {
  width: 769rem;
  background-image: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/sub-tab-bg-lg.png");
}

.part-privilege .secondly-tab .privilege-tab-item.on {
  background-image: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/sub-tab-bg-active-lg.png");
}

.mod-activity .mod-slogan {
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/activity-slogan.png") no-repeat center center;
  background-size: cover;
}

.operating-activities {
  color: rgba(255, 255, 255, 0.8);
}

.operating-activities .list {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 123rem;
  display: flex;
  gap: 30rem;
  z-index: 2;
}

.operating-activities .list-item {
  width: 204rem;
  height: 128rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/operating-activities-thumb.png") no-repeat center center;
  background-size: cover;
  position: relative;
}

.operating-activities .list-item .pic.pic1 {
  width: 65rem;
  height: 75rem;
}

.operating-activities .list-item .pic.pic2 {
  width: 129rem;
  height: 66rem;
}

.operating-activities .list-item .pic.pic3 {
  width: 69rem;
  height: 79rem;
}

.operating-activities .list-item .pic.pic4 {
  width: 83rem;
  height: 74rem;
}

.operating-activities .list-item .pic-box {
  width: 100%;
  height: 96rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.operating-activities .list-item .txt {
  font-size: 16rem;
  color: white;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2rem;
  width: 100%;
  text-align: center;
}

.operating-activities__title {
  width: 674rem;
  height: 34rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/operating-activities-title.png") no-repeat center center;
  background-size: contain;
  margin: 34rem 0;
}

.operating-activities__content {
  width: 1556rem;
  height: 739rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/operating-activities-content.png") no-repeat center center;
  background-size: cover;
}

.operating-activities__content .action {
  width: 1556rem;
  height: 690rem;
  display: block;
}

.operating-activities__tips {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 270rem;
  font-size: 26rem;
  font-weight: bold;
  color: #eaebeb;
  z-index: 2;
}

.operating-activities__tips .em {
  color: #10ef98;
}

.operating-activities__date {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 60rem;
  font-size: 18rem;
  color: #eaebeb;
  line-height: 1.3;
  text-align: center;
  z-index: 2;
}

.operating-activities__date .em {
  color: #0ff796;
}

.operating-activities__pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 1557rem;
  height: 739rem;
}

.operating-activities .gallery-thumbs .swiper-wrapper {
  justify-content: center;
  position: absolute;
  top: 960rem;
  z-index: 2;
}

.operating-activities .gallery-thumbs .swiper-wrapper .swiper-slide {
  width: 43rem !important;
  height: 7rem;
  cursor: pointer;
  background-color: #404c4c;
  margin-right: 16rem !important;
}

.operating-activities .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active {
  background-color: #0ff796;
}

.mod-ranking-wrapper > .title {
  width: 565rem;
  height: 35rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/ranking-title1.png") no-repeat center center;
  background-size: cover;
  margin: 34rem 0;
}

.mod-ranking-wrapper .mod-ranking-box {
  width: 1542rem;
  height: 838rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/mod-ranking-box.png") no-repeat center center;
  background-size: cover;
  padding: 36rem 40rem;
  display: flex;
  gap: 35rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-feature {
  gap: 11rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__title {
  width: 305rem;
  height: 34rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/ranking-title2.png") no-repeat center center;
  background-size: contain;
  margin-bottom: 12rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content {
  width: 633rem;
  height: 723rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/mod-ranking-bg.png") no-repeat center center;
  background-size: cover;
  padding: 18rem 22rem 0 19rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content-title {
  text-align: center;
  font-size: 24rem;
  color: #b7b9b8;
  margin-bottom: 10rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-header {
  margin-bottom: 15rem;
  padding: 0 8rem;
  display: flex;
  gap: 10rem;
  justify-content: center;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-header .mod-ranking__tab-trigger {
  width: 183rem;
  height: 43rem;
  line-height: 43rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tab-trigger.png") no-repeat center center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s;
  color: #d1e3e3;
  font-size: 22rem;
  text-align: center;
  line-height: 43rem;
  font-weight: bold;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-header .mod-ranking__tab-trigger.active {
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tab-trigger-active.png") no-repeat center center;
  background-size: cover;
  color: #000;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body {
  display: none;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .select-list {
  display: flex;
  gap: 40rem;
  margin-bottom: 10rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .select-list .select-item {
  display: flex;
  align-items: center;
  padding-left: 10rem;
  position: relative;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .select-list .select-item .select-item__name {
  font-size: 17rem;
  color: rgba(255, 255, 255, 0.8);
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .select-list .select-item .select-item__value {
  width: 144rem;
  height: 32rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/select-item-bg.png") no-repeat center center;
  background-size: 100% 100%;
  line-height: 33rem;
  text-align: center;
  font-size: 17rem;
  color: rgba(153, 167, 163, 0.8);
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .select-list .select-item .select-item__value.lg {
  position: relative;
  width: 180rem;
  width: 190rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/select-item-bg-lg.png") no-repeat center center;
  background-size: cover;
  text-align: left;
  padding-left: 10rem;
  cursor: pointer;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .select-list .select-item .select-item__value.lg::after {
  display: inline-block;
  content: '';
  width: 10rem;
  height: 5rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/arrow-down.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 14rem;
  color: #fff;
  font-size: 22rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table tbody {
  height: 282rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table th, .mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table td {
  text-align: center;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table th {
  background-color: #606e6a;
  font-weight: normal;
  font-size: 22rem;
  color: #ffffff;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table th:nth-child(1), .mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table td:nth-child(1) {
  width: 33.333%;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table th:nth-child(2), .mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table td:nth-child(2) {
  width: 33.333%;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table th:nth-child(3), .mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table td:nth-child(3) {
  width: 33.333%;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table tr {
  height: 47rem;
  background-color: #202525;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .mod-ranking__table tr:nth-child(even) {
  background-color: rgba(94, 106, 103, 0.2);
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .user-info {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  font-size: 20rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .user-info-box {
  display: flex;
  justify-content: center;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .ranking-tips {
  font-size: 16rem;
  color: #cccccc;
  text-align: center;
  margin: 12rem 0 16rem;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .ranking-tips .em {
  color: #29a873;
}

.mod-ranking-wrapper .mod-ranking-box .mod-ranking .mod-ranking__content .mod-ranking__tab-body .btn-group {
  display: flex;
  gap: 26rem;
  justify-content: center;
  margin-top: 20rem;
}

.mod-ranking-wrapper .mod-ranking__table-box {
  width: 577rem;
  height: 600rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/mod-ranking-table-box.png") no-repeat center center;
  background-size: cover;
  padding-top: 17rem;
}

.mod-ranking-wrapper .mod-ranking__table-box .btn-group {
  display: flex;
  justify-content: center;
  gap: 26rem;
  margin-top: 18rem;
}

.mod-ranking-wrapper .mod-ranking__table-box .btn-group .btn-info {
  cursor: default;
}

.configuration__title {
  width: 299rem;
  height: 34rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/configuration-title.png") no-repeat center center;
  background-size: contain;
  margin-bottom: 12rem;
}

.configuration .btn-modify {
  width: 182rem;
  height: 43rem;
  line-height: 43rem;
  text-align: center;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-modify.png") no-repeat center center;
  background-size: cover;
  font-size: 20rem;
  color: #14c078;
}

.configuration__txt {
  font-size: 21rem;
  color: #b7b9b8;
  font-weight: bold;
}

.configuration__txt-group {
  margin-left: 125rem;
  display: flex;
  gap: 284rem;
  margin-bottom: 10rem;
}

.configuration__img {
  display: block;
  width: 736rem;
  height: 240rem;
  margin: 0 auto;
}

.configuration__img-wrapper {
  width: 792rem;
  height: 523rem;
  padding-top: 45rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/configuration-img-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}

.configuration__status {
  margin: 8rem auto 0;
  width: 737rem;
  height: 115rem;
  background-color: #212727;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 23rem;
}

.configuration__status-info {
  display: flex;
  flex-direction: column;
}

.configuration__status-title {
  font-size: 21rem;
  color: #3c90e5;
  font-weight: bold;
}

.configuration__status-desc {
  font-size: 17rem;
  color: #b7b9b8;
  font-weight: bold;
}

.configuration__icon {
  display: block;
  width: 37rem;
  height: 37rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/configuration-icon.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 32rem;
  top: 18rem;
}

.mod-rewards__title {
  width: 304rem;
  height: 34rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/rewards-title.png") no-repeat center center;
  background-size: contain;
  margin: 46rem 0 12rem;
}

.mod-rewards .tag-txt {
  font-size: 18rem;
}

.mod-rewards__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  flex-wrap: wrap;
  gap: 12rem;
  width: 792rem;
  height: 118rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/rewards-list.png") no-repeat center center;
  background-size: cover;
  padding: 10rem;
  justify-content: center;
  align-items: center;
}

.mod-rewards__item {
  text-align: center;
  position: relative;
  width: 119rem;
  height: 78rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/rewards-item.png") no-repeat center center;
  background-size: cover;
}

.mod-rewards__item-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mod-rewards__item-img.pic1 {
  width: 49rem;
  height: 53rem;
}

.mod-rewards__item-img.pic2 {
  width: 79rem;
  height: 51rem;
}

.mod-rewards__item-img.pic3 {
  width: 52rem;
  height: 42rem;
}

.mod-rewards__item-img.pic4 {
  width: 87rem;
  height: 42rem;
}

.mod-rewards__item-img.pic5 {
  width: 42rem;
  height: 48rem;
}

.mod-rewards__item-img.pic6 {
  width: 72rem;
  height: 48rem;
}

.mod-rewards__item .tag {
  width: 67rem;
  height: 15rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12rem;
  text-align: center;
  line-height: 15rem;
}

.mod-rewards__item .tag.tag-red {
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-red.png") no-repeat center center;
  background-size: cover;
}

.mod-rewards__item .tag.tag-purple {
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-purple.png") no-repeat center center;
  background-size: cover;
}

.mod-rewards__item .tag.tag-blue {
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-blue.png") no-repeat center center;
  background-size: cover;
}

.mod-support {
  position: relative;
  padding: 0 50rem;
}

.mod-support-wpapper .mod-slogan {
  width: 1100rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/surropt-slogan.png") no-repeat center center;
  background-size: cover;
}

.mod-support__pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mod-support__pic-box {
  position: relative;
  width: 1448rem;
  height: 649rem;
}

.mod-support__more {
  position: absolute;
  right: -11rem;
  top: 335rem;
  display: flex;
  align-items: center;
}

.mod-support__more .txt {
  font-size: 18rem;
  color: rgba(234, 235, 235, 0.3);
  writing-mode: vertical-rl;
  letter-spacing: 6rem;
}

.mod-support__more .icon-arrow-right {
  width: 5rem;
  height: 11rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/icon-arrow-right.png") no-repeat center center;
  background-size: cover;
}

.mod-support .btm-start {
  width: 211rem;
  height: 43rem;
  position: absolute;
  right: 116rem;
  bottom: 14rem;
  z-index: 2;
}

.mod-support__title {
  width: 802rem;
  height: 52rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/mod-support-title.png") no-repeat center center;
  background-size: contain;
  margin: 20rem 0;
}

.mod-support__info-title {
  font-size: 30rem;
  color: #f4cf67;
  font-weight: bold;
  text-align: center;
  margin: 20rem 0 0;
}

.mod-support__info-txt {
  font-size: 24rem;
  color: #eaebeb;
  display: flex;
  align-items: center;
  gap: 5rem;
}

.mod-support__info-txt::before {
  display: block;
  content: '';
  width: 5rem;
  height: 5rem;
  background-color: #f4cf67;
  position: relative;
  top: -3rem;
  border-radius: 50%;
}

.mod-support__info-txt-box {
  display: flex;
  justify-content: center;
  gap: 28rem;
}

.mod-support__list {
  display: flex;
  gap: 140rem;
}

.mod-support__item .img-wrapper {
  width: 640rem;
  height: 512rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/mod-support-img-bg.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 20rem;
}

.mod-support__item .img-wrapper .img {
  max-width: 100%;
  max-height: 100%;
}

.mod-support__item .tag {
  display: flex;
  justify-content: center;
  width: 236rem;
  height: 49rem;
  line-height: 49rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag4.png") no-repeat center center;
  background-size: cover;
  font-size: 30rem;
  color: #eaebeb;
  margin: 20rem auto 26rem;
  font-weight: bold;
}

.mod-support__item .desc .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24rem;
  color: #eaebeb;
  margin-bottom: 10rem;
  line-height: 1;
  gap: 5rem;
}

.mod-support__item .desc .txt::before {
  display: block;
  content: '';
  width: 9rem;
  height: 7rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/dot.png") no-repeat center center;
  background-size: cover;
}

.application {
  margin: 160rem auto 0;
}

.application__title {
  width: 1004rem;
  height: 80rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/application-title.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto 30rem;
}

.application__action {
  text-decoration: underline;
  color: #ffed70;
  font-size: 21rem;
  cursor: pointer;
}

.application__action-group {
  display: flex;
  gap: 20rem;
  justify-content: center;
  margin-bottom: 80rem;
}

.application__list {
  display: flex;
  justify-content: center;
  gap: 130rem;
}

.application__pic {
  display: block;
  width: 437rem;
  height: 437rem;
  border-radius: 50%;
  margin: 0 auto 40rem;
}

.application__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.application__item .desc {
  font-size: 26rem;
  color: #999999;
  text-align: center;
  line-height: 1.3;
  margin-top: 30rem;
}

.application .btn-primary {
  margin-top: 60rem;
}

.privilege-info {
  margin: 160rem auto 0;
  display: flex;
  justify-content: center;
  gap: 80rem;
}

.announcement .announcement__title {
  width: 216rem;
  height: 57rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/announcement-title.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 25rem;
}

.announcement .announcement__list {
  width: 760rem;
  height: 452rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/announcement-list.png") no-repeat center center;
  background-size: cover;
  display: flex;
  gap: 33rem;
  flex-direction: column;
  padding-top: 48rem;
  align-items: center;
}

.announcement .announcement__list .announcement__item {
  width: 698rem;
  height: 81rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/announcement-item.png") no-repeat center center;
  background-size: cover;
  padding: 0 30rem;
  font-size: 26rem;
  color: #eaebeb;
}

.announcement .announcement__list .announcement__item .action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  cursor: pointer;
}

.announcement .announcement__list .announcement__item .announcement__item-desc {
  font-weight: bold;
}

.internet-bar__title {
  width: 315rem;
  height: 57rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/internet-bar-title.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 25rem;
}

.internet-bar .code {
  width: 365rem;
  height: 341rem;
}

.internet-bar .code-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.internet-bar .code-box .txt {
  font-size: 27rem;
  color: #eaebeb;
  font-weight: bold;
  margin-top: 16rem;
}

.internet-bar .swiper-container {
  width: 588rem;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.internet-bar .swiper-slide {
  width: 588rem !important;
  height: 276rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/announcement-pic-box.png") no-repeat center center;
  background-size: cover;
}

.internet-bar__body {
  width: 760rem;
  height: 452rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/announcement-list.png") no-repeat center center;
  background-size: cover;
  overflow: hidden;
  padding-top: 28rem;
  position: relative;
}

.internet-bar .info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 280rem;
}

.internet-bar .shop {
  font-size: 26rem;
  text-align: center;
  color: #d1d1d1;
  font-weight: bold;
  margin-bottom: 5rem;
}

.internet-bar .desc {
  font-size: 26rem;
  line-height: 1.3;
  text-align: center;
  color: #d5d5d5;
}

.internet-bar .swiper-button-next,
.internet-bar .swiper-button-prev {
  width: 51rem;
  height: 50rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/button-next.png") center center no-repeat;
  background-size: cover;
  top: 189rem;
}

.internet-bar .swiper-button-next.swiper-button-disabled,
.internet-bar .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/button-prev-disabled.png") center center no-repeat;
  background-size: cover;
}

.internet-bar .swiper-button-next::after,
.internet-bar .swiper-button-prev::after {
  display: none;
}

.internet-bar .swiper-button-prev {
  transform: rotate(180deg);
}

.internet-bar .swiper-button-prev.swiper-button-disabled {
  transform: rotate(0);
}

.internet-bar .swiper-button-next.swiper-button-disabled {
  transform: rotate(180deg);
}

.explain {
  margin: 160rem auto 0;
}

.explain .btn-primary {
  margin: 0;
}

.explain__title {
  width: 1345rem;
  height: 79rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/explain-title.png") center center no-repeat;
  background-size: cover;
  margin: 0 auto 54rem;
}

.explain .btn-group {
  display: flex;
  justify-content: center;
  gap: 130rem;
  margin-bottom: 60rem;
}

.explain__list {
  width: 1600rem;
  margin: 0 auto;
}

.explain__item {
  margin-bottom: 3rem;
  padding-top: 28rem;
}

.explain__item-title {
  font-size: 40rem;
  font-weight: normal;
  color: #eaebeb;
  margin-bottom: 10rem;
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 0;
  margin: 0;
}

.explain__item-title::before {
  display: block;
  content: '';
  width: 21rem;
  height: 17rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/icon-rect.png") center center no-repeat;
  background-size: cover;
}

.explain__item-desc {
  font-size: 30rem;
  color: #999999;
  line-height: 1.2;
  padding-bottom: 45rem;
  position: relative;
}

.explain__item-desc::before {
  display: block;
  content: '';
  width: 1600rem;
  height: 3rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/line2.png") center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}

.mod-extra {
  padding-top: 125rem;
}

.mod-extra .list .item {
  display: flex;
  align-items: center;
  width: 1540rem;
  height: 272rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/extra-item.png") center center no-repeat;
  background-size: cover;
  margin-bottom: 46rem;
}

.mod-extra .list .item:nth-child(2) {
  padding-left: 30rem;
}

.mod-extra .list .item .info {
  width: 450rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mod-extra .list .item .info .label-default {
  margin: 0;
}

.mod-extra .list .item .info .desc {
  margin-top: 20rem;
  font-size: 24rem;
  color: #ffffff;
  line-height: 1.6;
}

.mod-extra .list .item .info .desc .txt {
  display: block;
  font-size: 24rem;
  color: #eaebeb;
}

.mod-extra .list .item .info .desc .txt .em {
  color: #0ff796;
  font-style: normal;
}

.mod-extra .pic {
  width: 1068rem;
  height: 228rem;
}

.mod-feature {
  margin-top: 16rem;
  display: flex;
  justify-content: center;
  gap: 28rem;
}

.mod-feature__txt {
  font-size: 17rem;
  color: #f4cf67;
  display: flex;
  align-items: center;
  gap: 5rem;
}

.mod-feature__txt::before {
  display: block;
  content: '';
  width: 5rem;
  height: 5rem;
  background-color: #f4cf67;
  border-radius: 50%;
}

.mod-profile {
  width: 576rem;
  height: 55rem;
  background-color: #55625e;
  display: flex;
  align-items: center;
  font-size: 16rem;
  color: #cccccc;
}

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

.mod-profile__item.ranking {
  flex-direction: column;
  width: 33.333%;
  line-height: 1;
}

.mod-profile__item.info {
  width: 33.333%;
}

.mod-profile__item.value {
  width: 33.333%;
}

.mod-profile__item .txt {
  font-size: 14rem;
}

.mod-profile__item .em {
  color: #0fcb7e;
  font-size: 18rem;
  font-style: normal;
  margin-top: 6rem;
}

.mod-profile__item .name {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 12rem;
}

.mod-profile__item .btn-status {
  border-width: 1px;
  border-color: #6f7775;
  border-style: solid;
  background-color: #343837;
  width: 98rem;
  height: 31rem;
  line-height: 31rem;
  text-align: center;
  font-size: 18rem;
  color: #999;
  margin-left: 8rem;
  cursor: default;
}

.mod-profile__pic {
  width: 46rem;
  height: 46rem;
  display: block;
  border: 1px solid #95a5a5;
}

.mod-drowdown {
  position: absolute;
  top: 40rem;
  right: 0;
  z-index: 100;
  width: 190rem;
}

.mod-drowdown__list {
  display: none;
  min-width: 100%;
  border-width: 1px;
  border-color: #586c6c;
  border-style: solid;
  background-color: rgba(44, 53, 53, 0.98);
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0 5rem;
}

.mod-drowdown__list .mod-drowdown__item {
  color: #99a7a3;
  font-size: 17rem;
  height: 40rem;
  line-height: 40rem;
  cursor: pointer;
  border-bottom: rgba(148, 161, 157, 0.2) 1px solid;
  text-align: center;
}

.mod-drowdown.active .mod-drowdown__list {
  display: block;
}