.fade-enter-active[data-v-957db4b6],
.fade-leave-active[data-v-957db4b6] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-957db4b6],
.fade-leave-to[data-v-957db4b6] {
  opacity: 0;
}
.container[data-v-957db4b6] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1em;
  text-align: center;
  border: 1px #999999;
  box-sizing: border-box;
  z-index: 1000;
}
.btn-container[data-v-957db4b6] {
  margin: 5% auto 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.btn-container a[data-v-957db4b6] {
  display: block;
  font-weight: bold;
  text-decoration: none;
  margin-left: 5%;
  cursor: pointer;
}

/* Function */
.ac-dn {
  display: none !important;
}
.ac-cb:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
  content: '.';
}
.ac-ib {
  display: inline-block;
}
.ac-blk {
  display: block;
}
.ac-blkfull {
  display: block;
  width: 100%;
  height: 100%;
}
.ac-img {
  display: block;
  width: 100%;
}
.ac-dis {
  pointer-events: none;
}
.ac-hide {
  display: none !important;
}
.ac-vhide {
  visibility: hidden;
}
/* 适配iphoneX */
.ac-iphonexfull {
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.ac-iphonexlr {
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.ac-iphonexbm {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.ac-iphonexmgfull {
  margin: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.ac-iphonexmglf {
  margin-left: constant(safe-area-inset-left);
  margin-right: constant(safe-area-inset-right);
  margin-left: env(safe-area-inset-left);
  margin-right: env(safe-area-inset-right);
}
.ac-iphonexmgbm {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
/* 1px解决文案：优点，可画圆角，重置可变色；缺点，安卓低端机边框可能会糊，会丢线；*/
.ac-bd {
  position: relative;
}
.ac-bd *,
.ac-txt * {
  position: relative;
  z-index: 1;
}
.ac-bd:after,
.ac-txt:after {
  position: absolute;
  z-index: 2;
  content: '';
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transform-origin: top left;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
  border-width: 0;
  pointer-events: none;
}
/* @Media & for UI fix */
/*-----------------------------------------------------*/
/* 1px解决方案 2倍屏 */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .ac-bd:after,
  .ac-txt:after {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    border-color: rgba(0, 0, 0, 0.1);
  }
}
/* 1px解决方案 3倍屏 */
@media screen and (-webkit-min-device-pixel-ratio: 3) {
  .ac-bd:after,
  .ac-txt:after {
    width: 300%;
    height: 300%;
    transform: scale(0.333333);
    border-color: rgba(0, 0, 0, 0.13);
  }
}
/* Position */
.ac-fl {
  float: left;
}
.ac-fr {
  float: right;
}
.ac-pr {
  position: relative;
}
.ac-pa {
  position: absolute;
}
.ac-prafll {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ac-fix {
  position: fixed;
}
.ac-fixfll {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ac-bgfll {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* Align */
/* absolute 自身 左右居中 */
.ac-hc {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
}
/* absolute 自身 上下居中 */
.ac-vc {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}
/* absolute 自身 绝对居中 */
.ac-cc {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* flex 内容多行居中排版，需要定高 */
.ac-fvc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-box-pack: center;
}
.ac-flvc {
  display: flex;
  align-content: center;
  align-items: center;
}
.ac-fcc {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ac-fbvc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ac-flex11 {
  flex: 1 1 auto;
}
.ac-flex01 {
  flex: 0 1 auto;
}
.ac-flex00 {
  flex: 0 0 auto;
}
.ac-mgt5 {
  margin-top: 5px;
}
.ac-mgt10 {
  margin-top: 10px;
}
.ac-mgt15 {
  margin-top: 15px;
}
.ac-mgt20 {
  margin-top: 20px;
}
html,
body {
  width: 100%;
  height: 100%;
  font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  color: #333;
  -moz-text-size-adjust: none;
       text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
body {
  box-sizing: border-box;
}
html,
body,
img,
iframe,
button,
input {
  border: 0;
}
body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
input,
header,
menu,
section,
figure,
figcaption,
article,
blockquote {
  padding: 0;
  margin: 0;
}
textarea,
select,
input,
button {
  font-size: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
em,
i {
  font-style: normal;
  text-align: left;
}
li,
i {
  list-style: none;
}
textarea {
  resize: none;
  overflow: auto;
}
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* Text */
.ac-thide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}
.ac-thide2,
.ac-thide3,
.ac-thide4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.ac-thide3 {
  -webkit-line-clamp: 3;
}
.ac-thide4 {
  -webkit-line-clamp: 4;
}
.ac-pre {
  word-wrap: break-word;
  word-break: break-all;
}
.ac-nw {
  white-space: nowrap;
}
.ac-tid {
  text-indent: -9999px;
}
.ac-tc {
  text-align: center;
}
.ac-tl {
  text-align: left;
}
.ac-tr {
  text-align: right;
}
/* Grid for Web */
@media screen and (min-width: 600px) {
  .ac-g-web {
    width: 600px;
    margin: 0 auto;
  }
  .ac-g-web-sep {
    width: 100%;
  }
  .ac-g-web-sep .ac-g-main {
    width: 600px;
    margin: 0 auto;
  }
  .ac-g-main-cnt {
    height: auto;
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
body {
  font-family: 'FZBeiWeiKaiShu-S19S';
  overflow: hidden;
}
.page-wrap {
  overflow-y: auto;
  height: 100vh;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
.page-wrap.hidden {
  overflow: hidden;
}
.area-box-1 {
  position: relative;
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/bg-1.jpg) no-repeat center / cover;
  width: 7.5rem;
  height: 7.32rem;
  overflow: hidden;
}
.area-box-2 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/bg-2.jpg) no-repeat center / cover;
  width: 7.5rem;
  height: 7.82rem;
}
.area-box-3 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/bg-3.jpg) no-repeat center / cover;
  width: 7.5rem;
  height: 5.72rem;
}
.area-box-4 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/bg-4.jpg) no-repeat center / cover;
  width: 7.5rem;
  height: 10.78rem;
}
.area-box-5 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/bg-5.jpg) no-repeat center / cover;
  width: 7.5rem;
  height: 8.36rem;
}
.logo {
  position: absolute;
  top: 0.1rem;
  right: 0.16rem;
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/logo.png) no-repeat center / cover;
  width: 1.21rem;
  height: 0.52rem;
}
.logo a {
  display: block;
  height: 100%;
  text-indent: -999em;
  overflow: hidden;
}
.bind-info-box {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/bind-info-box.png) no-repeat center / cover;
  width: 5.42rem;
  height: 1.53rem;
  margin: 5.2rem auto 0;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.3rem;
}
.bind-info-box .nick-name-p {
  font-size: 0.36rem;
  margin-bottom: 0.05rem;
}
.bind-info-box .partition-name-p {
  font-size: 0.28rem;
}
.area-hd {
  position: relative;
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/hd-bg.png) no-repeat center / 3.56rem 0.97rem;
  height: 0.97rem;
  text-align: center;
  margin-bottom: 0.15rem;
}
.area-hd-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.42rem;
  color: #292828;
  padding-top: 0.3rem;
}
.area-hd-tit:after,
.area-hd-tit::before {
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAASCAYAAAAHWr00AAACYklEQVRYhdXYu6tdVRAG8N+5D++9SARNm1hoI9qJhCjmNaz4KCxEEFIoBEllJaRRC/0PbIRImhRiHmBhChHicsRC0UgEFUlCmiiYiCkUgo/ozTkWex09OXi8XOFC9sBmz1oz36z17b1m5pw9GI1G+iglYg6BZ7Ebq/gB3+IM3quZ30zjBn0kXCIWcRAvYhN+xlkd2T/a3Hd4s2aemcT2jnCJuBPH8BDO49WaeXzKZxkPYi9O18x3xrZeES4Rd+Bj3IPXcLBmDtfAPIkr+KRmDntDuEQMcBJP4HjN3LcO7DZcwuW5DdrfRkjoyF7Gc+sB1szTGGJlYQM2tlGyv93fqJm//g/8Fcz36Q3vaPcT04YS8WiJeKFEbJ4Frpl/4tpNn8MlYh534Wss4D5dy1lsLs/g9aZ/ikdq5tVZ8RZKxFILNMQclifsy5jHqC1wy8S11OYHzW/QxkvN93rTb2uxBlhp+mhG7GGbm9zDAFtarFW8hJ90vfaaf446bMc2fDCTcFtktS08bEHGMn4Io7aRhXaN9bEsto2ZsA+bvjLhN5zSx8drNEOne3DLeBy3421cnLD9iFfa+By+mkWWHvXhEvERduqO7PtTtv24F4dr5oX/itOnKv2WjvDLuIFwzTyyFrj1cX2q0sfwPXaViKfXAywRt+pyfq43hFvlfUqX3ydKxI41IKBEbMXd+L1mXu9NDo+lROzD0TZ8Hodq5r+SKBGP6dL2w5r5Cz0qWpNSIh7Q/Xl4WNefT+FzXcVe0fXqTbqK/W7N/G2M7SVh/v4AsAcHcD+u6n4+XsSX+KxmfjGN+wswmMxWUnJ3kgAAAABJRU5ErkJggg==) no-repeat center / cover;
  width: 0.6rem;
  height: 0.18rem;
  margin: 0 0.1rem;
}
.area-hd-tit:after {
  transform: scaleX(-1);
}
.area-hd-num {
  position: absolute;
  top: -0.1rem;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 0.62rem;
  color: #7590c6;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 80%);
          mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 80%);
}
.card-hd {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-hd-tit.png) no-repeat center / cover;
  width: 6.55rem;
  height: 1.01rem;
  margin: 0 auto;
  line-height: 1.01rem;
  box-sizing: border-box;
  padding: 0 0.35rem;
  font-size: 0.32rem;
  color: #e3e7f1;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.card-hd .card-hd-right {
  position: relative;
  padding-right: 0.4rem;
  font-size: 0.42rem;
  font-weight: bold;
  white-space: nowrap;
}
.card-hd .card-hd-right:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.17rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAADmUlEQVRIiZ3XeahVVRTH8c/a+/gaUMwQLRMriOZogCIJMnqOzVqpZSXNEiYZIg30X1ER2UCESRZaZopYUWRZSdpcNlF/JEVUVpTmVKIl6uuPc14+9d537+0HC/a9ey2+57f3OvvuGx0/zoSs1A7/V4NubCk9ocB8zO7yAM3oGLyNQS0RKxU4GiPRq3qQqzXn/BEMwQoMxXetgBO+xij8iSsxR3POx+IDHIoVfnrimBbBgXiPGEVsIiYQzxC5mqsXGzFcudwHV/CTmwdHUsX7Io0UaZNIl4k0T6TcZb5G5M0izhGxRERfEcusnjW4VTCRPhRpeAUfJ9J8kYru4cVW0kWkxaQDSEutfvKsVsFE+likoSJtFOnSCt6jW3gqtok0tlqlniK96uenRjUAZzVipchDRd4g8iUizxe5rU5uGQOv2SHyVSLPEnk/kV/0y5wxrTjujE8r5+tFulik50Vqq5sPh0zcKfIkkR+qHnShX5+d0Irjzviscr5O5NEiL6zrvFMDrugw4IpbpXS3lLKU5vrtuRv2BqesQXwu5XYpr5XyhVJeJOW2vfL21EGX3yXy7SInkWf6fcHUPRwXmogvRdEuirWiOF8Ui0XRtltOLfUfd5/IN1erMsOaRXd2TkXH2pfq7X8tHYdl6IelGI0toO8F9av+ePEazFKeiDMwLTrWvdIKGI7Fu+ijPKfbsd2B53Zfte7l8XhOeezNLnZrjOZ0OnpX49exvWHF+iUhisEVdAfeKeruT21dp1yywHQ80LBi49Is5ZlV7TaMd8DwF4qaHVlbN2BmNZ6KhxtWbFpWiGIuLlP2whi9z34dmnU8CY9X41vwaMOKv5a3SXkBLsJfOF+vIcs7p5txfBMeq8ZTuozra/N7+4tiMUZgA0bpecZHXVMaNddku9xNtst1fW35sJeUX8GZWIMR9j/9iz3TugNPsWsfb7Jrf+tr6yd9RH4Np+FXtNvv1G9qpUbH35/V+n4qHqzGk5Sd3L06OvopX6+T8APa7XvK9/XSazmepnxNdio7eXYT0AHCW8qL4yoMs8+Jq7srKf77SSs1HfcrX/Lr8XRDKIcJy3A4vsIwPY7/vVFRV/BtuLeCXqu8bTbSUXgTA7ESIxTHrm+i7r+lvgP3VNCr8UwTtSfgDfRXnt3nyUdtagYK0bF91Yn4tPo8EfOarH1VeR9/ExfKR25pFlqCd3zbCdym/CvTrHope+Ju/CMd0QrXv+EZz1pJevEpAAAAAElFTkSuQmCC) no-repeat center / cover;
  width: 0.3rem;
  height: 0.29rem;
}
.rank-box {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/rank-box-bg.png) no-repeat center / cover;
  width: 6.68rem;
  height: 3.87rem;
  margin: 0.3rem auto 0;
  box-sizing: border-box;
  padding-top: 0.18rem;
}
.rank-hd {
  display: flex;
  height: 1.54rem;
  justify-content: space-between;
  align-items: center;
  color: #d9eeff;
  font-size: 0.28rem;
  padding: 0 0.5rem;
}
.rank-hd .rank-ico {
  width: 1.57rem;
  height: 1.52rem;
  text-indent: -999em;
  overflow: hidden;
}
.rank-hd .rank-ico-1 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/lv-1.png) no-repeat center / cover;
}
.rank-hd .rank-ico-2 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/lv-2.png) no-repeat center / cover;
}
.rank-hd .rank-ico-3 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/lv-3.png) no-repeat center / cover;
}
.rank-hd .rank-ico-4 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/lv-4.png) no-repeat center / cover;
}
.rank-hd .rank-ico-5 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/lv-5.png) no-repeat center / cover;
}
.rank-bd {
  padding-top: 0.22rem;
}
.rank-table {
  width: 5.6rem;
  margin: 0 auto;
}
.rank-table-tr {
  height: 0.42rem;
  line-height: 0.42rem;
  display: flex;
  border-bottom: 0.01rem solid #cbd7e8;
}
.rank-table-td {
  width: 25%;
  text-align: center;
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/table-td-1.png) repeat center / 0.12rem 0.12rem;
  color: #fff;
  font-size: 0.24rem;
  border-right: 0.01rem solid #cbd7e8;
}
.rank-table-td-1 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/table-td-2.png) repeat center / 0.08rem 0.08rem;
}
.rank-table-td-2 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/table-td-3.png) repeat center / 0.08rem 0.08rem;
}
.fg-box {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/fg-box-bg.png) no-repeat center / cover;
  width: 6.75rem;
  height: 3.46rem;
  margin: 0 auto 0.3rem;
  box-sizing: border-box;
  padding: 0.35rem 0.8rem 0 1.2rem;
  font-size: 0.22rem;
  line-height: 0.56rem;
}
.fg-box p {
  overflow: hidden;
  border-bottom: 0.01rem dashed #6a839e;
}
.fg-box p span {
  float: right;
}
.fg-team-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 0.3rem;
}
.fg-team-item {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/fg-item-bg.png) no-repeat center / cover;
  width: 2.01rem;
  height: 2.57rem;
  margin: 0 0.08rem 0.15rem;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  box-sizing: border-box;
  padding-top: 0.25rem;
}
.fg-team-item-tit {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAAECAYAAACUTz1dAAAAmklEQVRIie2SMQ7CMBAEJyEVf+At1HyER/Eb+EoK6hTQxUeBi9NyOE4VRfJIq93NWclFcjc+JxqrOQHnnO/AuOEuu2MAeqDL6p0v6VA5K51T6bd1J91zSQTZO5X9Jv0iWedXfrFCt8CjnJybKAVeynPus3uWZB71f+ej95rMDLDB/UijnjdwdFnRS9hw9FsvsFMefC/bK+fGCj6EjUbyKt4ENAAAAABJRU5ErkJggg==) no-repeat center bottom / 1.57rem 0.04rem;
  padding-bottom: 0.08rem;
  margin-bottom: 0.08rem;
}
.fg-team-item-role {
  color: #ffe198;
}
.fg-team-item-role-ico {
  margin: 0 auto;
  width: 1.15rem;
  height: 1.15rem;
  text-indent: -999em;
  overflow: s;
}
.fg-team-item-role-ico-1 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/team-role-ico-1.png) no-repeat center / 1.05rem 0.99rem;
}
.fg-team-item-role-ico-2 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/team-role-ico-2.png) no-repeat center / 0.86rem 1.13rem;
}
.fg-team-item-role-ico-3 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/team-role-ico-3.png) no-repeat center / 0.86rem 0.95rem;
}
.fg-team-item-role-ico-4 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/team-role-ico-4.png) no-repeat center / 0.99rem 1.05rem;
}
.fg-team-item-role-ico-5 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/team-role-ico-5.png) no-repeat center / 1rem 0.76rem;
}
.role-detail-info-wrap {
  position: relative;
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-detail-info-bg.png) no-repeat center bottom / 7.4rem 4.3rem;
  width: 7.4rem;
  height: 4.6rem;
}
.role-detail-info-box {
  position: absolute;
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-detail-info-box.png) no-repeat center / cover;
  width: 1.41rem;
  height: 1.45rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.role-detail-info-box > p {
  width: 100%;
}
.role-detail-info-box p:first-child {
  font-size: 0.24rem;
  color: #ffe198;
  margin-bottom: 0.05rem;
  margin-top: 0.15rem;
}
.role-detail-info-box p:last-child {
  font-size: 0.18rem;
  color: #fff;
}
.role-detail-info-box-1 {
  left: 0.95rem;
  top: 0;
}
.role-detail-info-box-2 {
  left: 4.97rem;
  top: 0;
}
.role-detail-info-box-3 {
  left: 0.35rem;
  top: 1.58rem;
}
.role-detail-info-box-4 {
  left: 5.57rem;
  top: 1.58rem;
}
.role-detail-info-box-5 {
  left: 0.95rem;
  top: 3.15rem;
}
.role-detail-info-box-6 {
  left: 4.97rem;
  top: 3.15rem;
}
.role-detail-info-2 {
  display: flex;
  justify-content: center;
  position: relative;
  width: 6.61rem;
  margin: 0.4rem auto 0;
}
.role-detail-info-2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.05rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApUAAAAKCAYAAADl/qUYAAACmUlEQVR4nO2cPWgUQRiGnzvOU/GiGLUUbLQQBRFEEPxpDPhDEjU5Tw2IoKS30EYsLGwsbETQ0k6Igj/YWVoJYqcgCBYiCHaCcMnlLGbDjcNldsZNdve492mO5+6bYXZ25vZjZ2crY7NzJFSBGeAisAP4CbwAHgJ/EEIIIYQQw0pqnlhLAuvAM2AUuAd8ArYDV4H3wHHgR37tFkIIIYQQJSEoT6wmwXeBNnA0CTwM/AZawFPgSZ4tF0IIIYQQpcHOEz+zTJ5YAxrANWAncAx4A6xJKrmZVHQZ2A98yKv1QgghhBCicILzxCqwG/iCWRu/bQUC3AA6wDfgoPX9JXpL52DW133uxseWL8LrHr+Q4rHx54G1A+StFA+pb53lzYw+ndGnArzu8eYqeNb+WW/5dKRnLV+Eb7B8KsXd+NjyZzF/soPkI5afCfCNHp/M6BORPh7gDY9ProKPOB7bH5s8PpHiWcsX4Zs9Pp7isfGn+/jogPkWy08F+FaPn8zoJ4BD9PLE+/TPE98CB6pA1/pxkX/pWp923LwTuxDg3UjH4/MFe0j77ONfDPBOwR7T3k4fjz2/vvHi9l+ah4w/n/c7Htdt3PPddnwlxluW/shjfpZ5vsbOT/d8l3G+xrYvdv663vH4QkZPq9/1kP5xr2Pu9crn/zPe3fmTZ/8M+vzM43qq+dpjJcajfU7ssWV7BaAyNjvXAL4Du4A9wGvMXY8ucB14gFk/b6LlbyGEEEKIYcLOE/cCr1gmT6xhHrR8BDwGziUFjgAfMUnkHeArSiiFEEIIIYaN4Dxxaff3Lcyty3fAPsz28G3Ac8zzDDM5Nl4IIYQQQpSHoDxxaXNKG/Owbwu4gnn30C/gJWZTjV5+LoQQQggxnATliX8B7BuuWIAbpCoAAAAASUVORK5CYII=) no-repeat center / cover;
  width: 6.61rem;
  height: 0.1rem;
}
.role-detail-info-2 .role-detail-info-item {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-detail-info-box-2.png) no-repeat center / cover;
  width: 2.98rem;
  height: 0.79rem;
  text-align: center;
  padding-top: 0.08rem;
  box-sizing: border-box;
  letter-spacing: -0.02rem;
}
.role-detail-info-2 .role-detail-info-item > p {
  font-size: 0.18rem;
  color: #d9eeff;
}
.role-detail-info-2 .role-detail-info-item > div {
  font-size: 0.28rem;
  color: #ffefa6;
}
.card-list-wrap {
  overflow-y: auto;
  scroll-behavior: smooth;
  width: 100vw;
  height: calc(95vh - 1rem);
}
.card-list {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.3rem 0.1rem 0;
}
.card-item {
  position: relative;
  width: 1.58rem;
  height: 2.82rem;
  margin: 0 0.1rem 0.1rem;
}
.card-item:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-border.png) no-repeat center / cover;
  width: 1.61rem;
  height: 2.84rem;
  z-index: 11;
}
.card-item .card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-item .card-bg-gold {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-bg-gold.png) repeat center / 0.2rem 0.2rem;
}
.card-item .card-bg-purple {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-bg-purple.png) repeat center / 0.3rem 0.3rem;
}
.card-item .card-bg-blue {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-bg-blue.png) repeat center / 0.2rem 0.2rem;
}
.card-item .card-item-cont {
  position: relative;
  z-index: 10;
  padding-top: 0.1rem;
}
.card-item .card-item-img {
  position: relative;
  width: 1.44rem;
  height: 2.06rem;
  margin: 0 auto 0.05rem;
  overflow: hidden;
  border-bottom: 0.01rem solid #b69053;
}
.card-item .card-item-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.card-item .card-item-name {
  text-align: center;
  font-size: 0.18rem;
  color: #fff;
}
.card-item .card-item-star {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-start-ico.png) repeat-x left top / 0.19rem 0.42rem;
  height: 0.42rem;
  margin: -0.05rem auto 0;
  text-indent: -999em;
  overflow: hidden;
}
.card-item .card-item-star-0 {
  width: 0;
}
.card-item .card-item-star-1 {
  width: 0.19rem;
}
.card-item .card-item-star-2 {
  width: 0.38rem;
}
.card-item .card-item-star-3 {
  width: 0.57rem;
}
.card-item .card-item-star-4 {
  width: 0.76rem;
}
.card-item .card-item-star-5 {
  width: 0.95rem;
}
.card-item .card-item-star-6 {
  width: 1.14rem;
}
.card-page-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 999;
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-page-bg.jpg) no-repeat center / cover;
  background-attachment: fixed;
  display: flex;
  align-items: center;
}
.card-page-cont {
  width: 100%;
}
.card-type-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-type-item {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-type-btn.png) no-repeat center / cover;
  width: 2.55rem;
  height: 1.01rem;
}
.card-type-item.active {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/card-type-btn-active.png) no-repeat center / cover;
}
.card-type-item > div {
  font-size: 0.38rem;
  text-align: center;
  color: #4e1000;
  background: linear-gradient(to bottom, #ffe9bd 20%, #fffefb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card-type-item > p {
  text-align: center;
  color: #2a2a2a;
  font-size: 0.28rem;
  margin-top: 0.05rem;
}
.card-type-item > p span {
  color: #ffecc7;
}
.role-career-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.role-career-img-0 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-0.png) no-repeat center / cover;
  width: 3.85rem;
  height: 5.22rem;
}
.role-career-img-1 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-1.png) no-repeat center / cover;
  width: 6.01rem;
  height: 4.96rem;
}
.role-career-img-2 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-2.png) no-repeat center / cover;
  width: 5.12rem;
  height: 5.13rem;
}
.role-career-img-3 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-3.png) no-repeat center / cover;
  width: 3.47rem;
  height: 5.22rem;
}
.role-career-img-4 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-4.png) no-repeat center / cover;
  width: 4.24rem;
  height: 5.12rem;
}
.role-career-img-5 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-5.png) no-repeat center / cover;
  width: 5.22rem;
  height: 5.1rem;
}
.role-career-img-6 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-5.png) no-repeat center / cover;
  width: 5.22rem;
  height: 5.1rem;
}
.role-career-img-7 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-7.png) no-repeat center / cover;
  width: 6.08rem;
  height: 5.2rem;
}
.role-career-img-8 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-8.png) no-repeat center / cover;
  width: 6.57rem;
  height: 5.08rem;
}
.role-career-img-9 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-9.png) no-repeat center / cover;
  width: 4.32rem;
  height: 4.95rem;
}
.role-career-img-10 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-10.png) no-repeat center / cover;
  width: 4.61rem;
  height: 5.08rem;
}
.role-career-img-11 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-11.png) no-repeat center / cover;
  width: 5.84rem;
  height: 5.12rem;
}
.role-career-img-12 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-12.png) no-repeat center / cover;
  width: 5.83rem;
  height: 5.12rem;
}
.role-career-img-13 {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/role-13.png) no-repeat center / cover;
  width: 6.58rem;
  height: 5.21rem;
}
.card-empty-p {
  width: 100%;
  text-align: center;
  font-size: 0.28rem;
}

/*
	PC端登录相关样式
	less使用方式：
	lessc login.css login-min.css -x
*/


/*qq登录*/
.milo-qqLogin{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none;
}
.milo-qqLogin .qqLoginCover{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 999;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.milo-qqLogin .qqLoginContent{
    width: 650px;
    height: 400px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    margin-left: -375px;
    margin-top: -225px;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.milo-qqLogin .qqLoginFrame{
	width: 100%;
    height: 400px;
    overflow: hidden;
    border: 0px solid white
}

/*微信登录*/
.milo-wxLogin{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none;
}
.milo-wxLogin .wxLoginCover{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 999;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.milo-wxLogin .wxLoginContent{
    box-sizing: content-box;
	width: 300px;
    height: 460px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    margin-left: -150px;
    margin-top: -230px;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    padding:0px 20px;
}
.milo-wxLogin .wxLoginContent .wxLoginClose{
    height: 40px;
    width: 100%;  
}
.milo-wxLogin .wxLoginContent .wxLoginClose a{
	line-height: 36px;
    text-align: center;
	float: right;
	margin-right: -20px;
    height: 40px;
    width: 40px;
    display:inline-block;
	color: rgb(102, 102, 102);
    font-family: Verdana, sans-serif;
    font-size: 30px;
    text-decoration:none;
    cursor: pointer;
}
.milo-wxLogin .wxLoginContent .wxLoginClose a:hover{
	color: rgb(240, 115, 115);
    font-family: Verdana, sans-serif;
}
.milo-wxLogin .wxLoginContent .wxLoginBox{
	width:100%;
	height:100%;
	overflow:hidden;
}


/*qq微信登录*/

.milo-qqwx-login {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none
}

.qqwx-login-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.qqwx-login-frame {
    width: 750px;
    height: 470px;
    background-color: white;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    margin-left: -375px;
    margin-top: -240px;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 5px 5px 0px 0px;
}

.qqwx-tabs {
    line-height: 40px;
    /* position: absolute; */
    z-index: 100001;
    width: 100%;
    height: 40px;
}

.qqwx-tabs .qq-tab,
.qqwx-tabs .wx-tab {
    cursor: pointer;
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
    font-size: 18px;
    background-color: #f1f1f1;
    color: #b1b1b1;
    text-decoration: none
}

.qqwx-active-qq a.qq-tab {
    color: #fff;
    background-color: #51b7ec
}

.qqwx-active-wx a.wx-tab {
    color: #fff;
    background-color: #4ab218
}

.qqwx-tabs .qqwxtab-close {
    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: none;
    color: grey;
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    padding: 0px 5px;
    border-width: 0px 0px 1px 1px;
    border-style: solid
}

.qqwx-active-qq .qqwx-tabs .qqwxtab-close {
    border-color: #e0dcdc
}

.qqwx-active-wx .qqwx-tabs .qqwxtab-close {
    border-color: #8BC34A;
    color: #d4d2d2
}

.qqwx-tabs .qqwxtab-close:hover {
    font-weight: bold
}

.qqwx-tips {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #a2a2a2;
    position: absolute;
    height: 32px;
    width: 100%;
    top: 40px;
    z-index: 10001;
    background-color: #fff;
    border: none;
}

.qqwx-frame {
    width: 100%;
    height: 400px;
    position: absolute;
    overflow: hidden;
    border: none;
    top: 70px;
}

.qqwx-frame div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    display: none;
    border: none;
}

.qqwx-frame div iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.qqwx-active-qq div.qqwx-frame-qq-div {
    display: block
}

.qqwx-active-wx div.qqwx-frame-wx-div {
    display: block
}

i.ico-qq-logo,
i.ico-wx-logo {
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    margin: 0px 5px;
    margin-top: -4px;
    background: url(https://vm.gtimg.cn/tencentvideo/vstyle/web/common/style/img/login/sprite_login.png?d=0210&max_age=31104000) no-repeat
}

i.ico-qq-logo {
    width: 20px
}

i.ico-wx-logo {
    width: 24px
}

.qqwx-active-wx i.ico-qq-logo {
    background-position: -180px -90px
}

.qqwx-active-wx i.ico-wx-logo {
    background-position: -250px -90px
}

.qqwx-active-qq i.ico-qq-logo {
    background-position: -200px -90px
}

.qqwx-active-qq i.ico-wx-logo {
    background-position: -220px -90px
}

div#qqwx-frame-wx-div {
    top: 20px
}


/*qc登录*/

.loginframe {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border: 0px solid white
}

.milo-qConnectLogin {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px
}

.qConnectLoginCover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.qConnectLoginContent {
    width: 752px;
    height: 400px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    margin-left: -375px;
    margin-top: -220px;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.qConnectLoginContent>div {
    height: 30px;
    width: 100%;
    /* background-color: #4fb7ec; */
    background-color: #fff;
    font-size: 18px
}

.qConnectLoginContent>div span {
    color: white;
    display: inline-block;
    line-height: 30px;
    padding: 0px 5px
}

.qConnectLoginContent>div a {
    float: right;
    line-height: 30px;
    text-decoration: none;
    color: #009aff;
    font-weight: bold;
    font-size: 25px;
    width: 30px;
    text-align: center;
    cursor: pointer
}

.qConnectLoginContent>div a:hover {
    color: #f57272
}

.qConnectLoginContent>div {
    position: absolute;
    z-index: 100001;
    right: 0px;
    width: 30px;
    top: 0px;
    height: 48px;
    text-align: center
}

.qConnectLoginContent>div a {
    line-height: 40px;
    display: inline-block
}


/*qc微信登录*/

.milo-qcwx-login {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none
}

.qcwx-login-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.qcwx-login-frame {
    width: 750px;
    height: 470px;
    background-color: white;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    margin-left: -375px;
    margin-top: -240px;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 5px 5px 0px 0px;
}

.qcwx-tabs {
    line-height: 40px;
    position: absolute;
    z-index: 100001;
    width: 100%
}

.qcwx-tabs .qc-tab,
.qcwx-tabs .wx-tab {
    cursor: pointer;
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
    font-size: 18px;
    background-color: #f1f1f1;
    color: #b1b1b1;
    text-decoration: none
}

.qcwx-active-qc a.qc-tab {
    color: #fff;
    background-color: #51b7ec
}

.qcwx-active-wx a.wx-tab {
    color: #fff;
    background-color: #4ab218
}

.qcwx-tabs .qcwxtab-close {
    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: none;
    color: grey;
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    padding: 0px 5px;
    border-width: 0px 0px 1px 1px;
    border-style: solid
}

.qcwx-active-qc .qcwx-tabs .qcwxtab-close {
    border-color: #e0dcdc
}

.qcwx-active-wx .qcwx-tabs .qcwxtab-close {
    border-color: #8BC34A;
    color: #d4d2d2
}

.qcwx-tabs .qcwxtab-close:hover {
    font-weight: bold
}

.qcwx-tips {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #a2a2a2;
    position: absolute;
    width: 100%;
    top: 40px;
    z-index: 10001;
    background-color: #fff;
}

.qcwx-frame {
    width: 750px;
    height: 470px;
    position: absolute;
    overflow: hidden;
}

.qcwx-frame div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    display: none
}

.qcwx-frame div iframe {
    width: 100%;
    height: 100%
}

.qcwx-active-qc div.qcwx-frame-qc-div {
    display: block
}

.qcwx-active-wx div.qcwx-frame-wx-div {
    display: block;
    top: 70px;
    height: 400px;
}

i.ico-qc-logo,
i.ico-wx-logo {
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    margin: 0px 5px;
    margin-top: -4px;
    background: url(https://vm.gtimg.cn/tencentvideo/vstyle/web/common/style/img/login/sprite_login.png?d=0210&max_age=31104000) no-repeat
}

i.ico-qc-logo {
    width: 20px
}

i.ico-wx-logo {
    width: 24px
}

.qcwx-active-wx i.ico-qc-logo {
    background-position: -180px -90px
}

.qcwx-active-wx i.ico-wx-logo {
    background-position: -250px -90px
}

.qcwx-active-qc i.ico-qc-logo {
    background-position: -200px -90px
}

.qcwx-active-qc i.ico-wx-logo {
    background-position: -220px -90px
}

div#qcwx-frame-wx-div {
    top: 20px
}


/*wegame登录*/

.wegameloginframe {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border: 0px solid white
}

.milo-wegameLogin {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px
}

.wegameLoginCover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.wegameLoginContent {
    width: 800px;
    height: 600px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    margin-left: -400px;
    margin-top: -300px;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.wegameLoginContent>div {
    height: 30px;
    width: 100%;
    background-color: none;
    font-size: 18px
}

.wegameLoginContent>div.wegameLoginTitle {
    width: 100%;
    background-color: #0e0e0e
}

div.wegameLoginIcon {
    display: none
}

.wegameLoginTitle>div.wegameLoginIcon {
    display: block;
    float: left;
    width: 239px;
    height: 60px;
    background: url(https://api.rail.tgp.qq.com/web/oauth2.0/login/images/wegame-logo-m.png) no-repeat center;
    margin-left: 10px
}

.wegameLoginContent>div span {
    color: white;
    display: inline-block;
    line-height: 30px;
    padding: 0px 5px
}

.wegameLoginContent>div a {
    float: right;
    line-height: 30px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 25px;
    width: 30px;
    text-align: center;
    cursor: pointer
}

.wegameLoginContent>div a:hover {
    color: #f57272
}

.wegameLoginContent>div {
    position: absolute;
    z-index: 100001;
    right: 0px;
    width: 30px;
    top: 0px;
    height: 60px;
    text-align: center
}

.wegameLoginContent>div a {
    line-height: 55px;
    display: inline-block
}


.loading-wrap[data-v-79342c0d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-ico[data-v-79342c0d] {
  background: url(//game.gtimg.cn/images/ty/act/a20241029tap/loading-tip.png) no-repeat center / cover;
  width: 1.2rem;
  height: 0.8rem;
  text-indent: -9999em;
  overflow: hidden;
}

.modal-wrap[data-v-3615c988] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.modal-mask[data-v-3615c988] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.modal-cont[data-v-3615c988] {
  position: relative;
  width: 8.5rem;
  background: #fff;
  box-sizing: border-box;
  padding: 0.06rem;
  z-index: 10;
}
.modal-cont-inner[data-v-3615c988] {
  position: relative;
  border: 0.01rem solid #e0c885;
  width: 100%;
  z-index: 2;
}
.modal-cont .modal-border-ico[data-v-3615c988] {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  border: 0.01rem solid #fff;
  z-index: 1;
  background: #fff;
}
.modal-cont .modal-border-ico-l-t[data-v-3615c988] {
  top: 0;
  left: 0;
  border-radius: 0 0 0.1rem 0;
  border-bottom: 0.01rem solid #e0c885;
  border-right: 0.01rem solid #e0c885;
}
.modal-cont .modal-border-ico-l-b[data-v-3615c988] {
  left: 0;
  bottom: 0;
  border-radius: 0 0.1rem 0 0;
  border-top: 0.01rem solid #e0c885;
  border-right: 0.01rem solid #e0c885;
}
.modal-cont .modal-border-ico-r-b[data-v-3615c988] {
  right: 0;
  bottom: 0;
  border-radius: 0.1rem 0 0 0;
  border-top: 0.01rem solid #e0c885;
  border-left: 0.01rem solid #e0c885;
}
.modal-cont .modal-border-ico-r-t[data-v-3615c988] {
  top: 0;
  right: 0;
  border-radius: 0 0 0 0.1rem;
  border-bottom: 0.01rem solid #e0c885;
  border-left: 0.01rem solid #e0c885;
}
.modal-cont[data-v-3615c988]:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  border: 0.01rem solid rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) scale(0.5, 0.5);
  z-index: 0;
}
.modal-hd[data-v-3615c988] {
  position: relative;
  height: 0.82rem;
  line-height: 0.82rem;
  text-align: center;
  font-size: 0.45rem;
  font-family: 'fzbwkt';
}
.modal-hd[data-v-3615c988]:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  border: 0.01rem solid #e8e8e8;
  transform: translate(-50%, -50%) scale(0.5, 0.5);
  z-index: 0;
}
.modal-hd span[data-v-3615c988] {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.modal-hd span[data-v-3615c988]:after,
.modal-hd span[data-v-3615c988]:before {
  content: '';
  position: absolute;
  top: 4.4vw;
  width: 2.1vw;
  height: 2.1vw;
}
.modal-hd span[data-v-3615c988]:before {
  left: -4vw;
}
.modal-hd span[data-v-3615c988]:after {
  right: -4vw;
}
.modal-bd[data-v-3615c988] {
  padding: 0.22rem;
}
.modal-footer[data-v-3615c988] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.45rem;
}
.modal-footer-disable .modal-btn[data-v-3615c988] {
  opacity: 0.6;
}
.modal-btn[data-v-3615c988] {
  background: #dcc072;
  font-size: 0.28rem;
  text-align: center;
  height: 0.7rem;
  line-height: 0.7rem;
  margin: 0 1.5vw;
  padding: 0 0.75rem;
  color: #fff;
}
.modal-btn[data-v-3615c988]:nth-child(2) {
  background: #eddfb8;
  color: #6d6550;
}
.msg-cont[data-v-3615c988] {
  font-size: 3.4vw;
  text-align: center;
}