.shrink[data-v-3c1ee912] {
  width: 0.56rem !important;
}
.shrink .logo[data-v-3c1ee912] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shrink .logo .menu[data-v-3c1ee912] {
  margin-right: 0;
}
.shrink .logo .img[data-v-3c1ee912] {
  display: none;
}
.shrink .scroll[data-v-3c1ee912] {
  padding: 0;
}
.shrink .jf-menu[data-v-3c1ee912] {
  border-top: 1px solid #25272c;
  margin-top: 0;
  gap: 0;
}
.shrink .jf-menu div[data-v-3c1ee912]:nth-child(2) {
  display: none;
}
.shrink .jf-menu ul[data-v-3c1ee912] {
  background: none;
  gap: 0.04rem;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #25272c;
  padding: 0.1rem 0;
}
.shrink .jf-menu ul li[data-v-3c1ee912] {
  width: 0.56rem;
}
.shrink .jf-menu ul li .icon[data-v-3c1ee912] {
  font-size: 0.19rem;
  margin: 0 auto;
}
.shrink .jf-menu ul li .text[data-v-3c1ee912] {
  display: none;
}
.logo[data-v-3c1ee912] {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 0.64rem;
  background: var(--bg);
}
.logo .menu[data-v-3c1ee912] {
  margin-right: 0.66rem;
  font-size: 0.2rem;
  cursor: pointer;
}
.logo .img[data-v-3c1ee912] {
  height: 0.26rem;
}
.scroll[data-v-3c1ee912] {
  padding: 0.05rem 0.1rem;
  flex: 1;
  overflow-y: auto;
}
.jf-nav[data-v-3c1ee912] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.08rem;
  margin-top: 0.06rem;
}
.jf-nav .row[data-v-3c1ee912] {
  border-radius: 0.04rem;
  overflow: hidden;
  cursor: pointer;
}
.jf-nav .row img[data-v-3c1ee912] {
  width: 100%;
}
.jf-menu[data-v-3c1ee912] {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  margin-top: 0.2rem;
}
.jf-menu ul[data-v-3c1ee912] {
  background: var(--bg-1);
}
.jf-menu ul li[data-v-3c1ee912] {
  height: 0.42rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.jf-menu ul li .icon[data-v-3c1ee912] {
  font-size: 0.18rem;
  margin: 0 0.22rem 0 0.12rem;
}
.jf-menu ul li .text[data-v-3c1ee912] {
  font-size: 0.13rem;
}
.jf-menu-live[data-v-3c1ee912] {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 0.08rem;
  background: var(--bg-1);
  margin-top: 0.16rem;
  padding: 0.06rem 0.1rem;
}
.jf-menu-live img[data-v-3c1ee912] {
  height: 0.3rem;
  width: 0.3rem;
}
.jf-head[data-v-9fbe3da6] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bg-1);
  padding: 0.1rem 0;
  height: 0.64rem;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
.jf-head .left[data-v-9fbe3da6] {
  display: flex;
  align-items: center;
  gap: 0.14rem;
}
.jf-head .left .item[data-v-9fbe3da6] {
  cursor: pointer;
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.04rem;
}
.jf-head .left .icon[data-v-9fbe3da6] {
  font-size: 0.14rem;
  color: var(--text-1);
}
.jf-head .right[data-v-9fbe3da6] {
  display: flex;
  align-items: center;
  gap: 0.16rem;
}
.jf-head .right span[data-v-9fbe3da6] {
  cursor: pointer;
}
.jf-head .right .info[data-v-9fbe3da6] {
  color: var(--text);
  position: relative;
  z-index: 10;
}
.jf-head .right .info:hover .head-login-msg[data-v-9fbe3da6] {
  display: block;
}
.jf-head .save[data-v-9fbe3da6] {
  color: var(--text);
  background: #009d81;
  padding: 0.1rem 0.2rem;
  border-radius: 0.01rem;
  font-size: 0.14rem;
  cursor: pointer;
}
.head-login-msg[data-v-9fbe3da6] {
  display: none;
  position: absolute;
  top: 0.3rem;
  right: 0;
  border-radius: 0.1rem;
  background: #fff;
}
.head-login-msg[data-v-9fbe3da6]:before {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 0;
  right: 0;
  height: 0.2rem;
  background: transparent;
}
.head-login-msg ul[data-v-9fbe3da6] {
  padding: 0.12rem 0.2rem;
  border-radius: 0.1rem;
  cursor: auto;
  background-color: #fff;
  width: 2rem;
  color: #9297ab;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.head-login-msg li[data-v-9fbe3da6] {
  display: flex;
  align-items: center;
  height: 0.54rem;
  width: 100%;
  gap: 0.16rem;
  font-size: 0.14rem;
  padding: 0 0.1rem;
}
.head-login-msg li .icon[data-v-9fbe3da6] {
  font-size: 0.18rem;
}
.head-login-msg li[data-v-9fbe3da6]:last-child {
  border-top: 0.01rem solid #e1e3ea;
}
.tab-lang[data-v-9fbe3da6] {
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  padding: 0.1rem;
  cursor: pointer;
  gap: 0.06rem;
}
.tab-lang .icon[data-v-9fbe3da6] {
  width: 0.24rem;
}
.tab-lang .arrow[data-v-9fbe3da6] {
  border: 5px solid transparent;
  border-top-color: #fff;
  border-bottom: 0;
}
.pop-lang[data-v-9fbe3da6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-main[data-v-9fbe3da6] {
  background: #24262b;
  width: 4.38rem;
  border-radius: 0.04rem;
  padding: 0.2rem;
}
.pop-lang-title[data-v-9fbe3da6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop-lang-title .left[data-v-9fbe3da6] {
  color: #009d81;
  font-size: 0.16rem;
}
.pop-lang-title .icon-close[data-v-9fbe3da6] {
  cursor: pointer;
}
.pop-lang-list[data-v-9fbe3da6] {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  margin-top: 0.2rem;
}
.pop-lang-list li[data-v-9fbe3da6] {
  background: #191a1e;
  border-radius: 0.05rem;
  height: 0.5rem;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  font-size: 0.14rem;
  cursor: pointer;
}
.pop-lang-list li img[data-v-9fbe3da6] {
  width: 0.26rem;
}
.pop-lang-list li.hover[data-v-9fbe3da6] {
  color: #fff;
}
.footer[data-v-087ab722] {
  width: 100%;
  background: var(--bg-3);
  padding: 0.35rem 0.3rem;
}
.menus[data-v-087ab722] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.menus dl dt[data-v-087ab722] {
  font-size: 0.15rem;
  color: var(--text);
  margin-bottom: 0.2rem;
}
.menus dl dd[data-v-087ab722] {
  color: var(--text-1);
  font-size: 0.12rem;
  margin-top: 0.09rem;
  cursor: pointer;
}
.menus dl div[data-v-087ab722] {
  width: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.04rem;
}
.menus dl div img[data-v-087ab722] {
  width: 0.3rem;
  height: 0.3rem;
}
.copy[data-v-087ab722] {
  display: flex;
  gap: 1rem;
  margin-top: 0.3rem;
}
.copy .left[data-v-087ab722],
.copy .right[data-v-087ab722] {
  flex: 1;
}
.copy .left .logo[data-v-087ab722] {
  height: 0.33rem;
}
.copy .left .text[data-v-087ab722] {
  line-height: 1.5;
  color: var(--text-1);
  margin-top: 0.3rem;
}
.copy .left .text a[data-v-087ab722] {
  color: var(--text);
}
.copy .right .year[data-v-087ab722] {
  border: 2px solid red;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.14rem;
  color: red;
  flex: none;
  margin-right: 0.2rem;
  margin-top: 0.06rem;
}
.copy .right .main[data-v-087ab722] {
  font-size: 0.12rem;
  line-height: 1.75;
}
.copy .right .copy-text[data-v-087ab722] {
  font-size: 0.14rem;
  margin-top: 0.27rem;
}
.slider-mask[data-v-46e4d243] {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  border: 0 solid #1991fa;
  background: #d1e9fe;
  border-radius: 2px;
}
.yidun_slider_icon[data-v-46e4d243] {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px;
  width: 14px;
  height: 10px;
  background-image: url(https://cstaticdun.126.net/2.13.7/images/icon_light.4353d81.png);
  background-position: 0 -13px;
  background-size: 32px 544px;
}
.inner-bg-img[data-v-46e4d243],
.inner-mv-img[data-v-46e4d243],
.title[data-v-46e4d243] {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.slider[data-v-46e4d243] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
}
.slider .mask[data-v-46e4d243] {
  display: block;
  z-index: 998;
  background: transparent;
  width: 310px;
  height: 280px;
}
.slider .container[data-v-46e4d243] {
  position: absolute;
  z-index: 999;
  width: 310px;
  height: 280px;
  margin: auto;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 11px 0 #999;
  box-sizing: border-box;
  padding: 17px 15px;
}
.slider .container .title[data-v-46e4d243] {
  font-size: 14px;
  color: #333;
  display: flex;
  justify-content: space-between;
}
.slider .container .title .button-group img[data-v-46e4d243] {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.slider .container .img[data-v-46e4d243] {
  width: 280px;
  height: 180px;
  position: relative;
}
.slider .container .img img[data-v-46e4d243] {
  width: 100%;
}
.slider .container .img .backgroup-img[data-v-46e4d243] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.slider .container .img .move-img[data-v-46e4d243] {
  width: 52.20338981px;
  position: absolute;
  left: 0;
  top: 0;
}
.slider .container .slide[data-v-46e4d243] {
  width: 100%;
  height: 40px;
  border: 1px solid #e4e7eb;
  background-color: #f7f9fa;
  box-sizing: border-box;
  position: relative;
}
.slider .container .slide[data-v-46e4d243]:before {
  position: absolute;
  content: "按住左边按钮移动完成上方拼图";
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #999;
  width: 100%;
  height: 100%;
  text-indent: 50px;
}
.slider .container .slide .block[data-v-46e4d243] {
  width: 40px;
  height: 38px;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.slider .container .block[data-v-46e4d243]:hover {
  background-color: #1991fa;
}
.slider .container .block:hover .yidun_slider_icon[data-v-46e4d243] {
  background-image: url(https://cstaticdun.126.net/2.13.7/images/icon_light.4353d81.png);
  background-position: 0 0;
  background-size: 32px 544px;
}
.slider .container .loading[data-v-46e4d243] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.jf-pop[data-v-3141ea0f] {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
}
.jf-pop-main[data-v-3141ea0f] {
  width: 8rem;
  min-height: 6.5rem;
  display: flex;
  justify-content: center;
  background: #24262b;
}
.jf-pop-main .pop-banner[data-v-3141ea0f],
.jf-pop-main .pop-from[data-v-3141ea0f] {
  width: 50%;
  overflow: hidden;
}
.jf-pop-main .pop-banner[data-v-3141ea0f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background: url(/img/register.8375cfb1.jpg) no-repeat 50%;
  background-size: cover;
}
.jf-pop-main .pop-from[data-v-3141ea0f] {
  position: relative;
  background: #1c1e22;
}
.jf-pop-main .pop-from-box[data-v-3141ea0f] {
  background: rgba(72, 74, 83, 0.1);
  padding: 0.3rem 0.17rem 0;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.jf-pop-main .pop-from .close[data-v-3141ea0f] {
  position: absolute;
  right: 0.06rem;
  top: 0.06rem;
  background: #2d3035;
  border-radius: 0.02rem;
  width: 0.3rem;
  height: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text);
  font-size: 0.1rem;
  cursor: pointer;
}
.jf-pop-main .pop-from .pop-title[data-v-3141ea0f] {
  font-size: 0.13rem;
  font-weight: 700;
  color: #fff;
}
.jf-pop-main .pop-from .row[data-v-3141ea0f] {
  display: flex;
  align-items: center;
  margin: 0.15rem 0 0.04rem;
  gap: 0.1rem;
}
.jf-pop-main .pop-from .row .code[data-v-3141ea0f] {
  height: 0.36rem;
  cursor: pointer;
}
.jf-pop-main .jf-input[data-v-3141ea0f] {
  width: 100%;
  background-color: #1a1c20;
  border-radius: 2px;
  height: 0.38rem;
  color: var(--text);
  text-indent: 0.23rem;
  cursor: pointer;
  border: 1px solid transparent;
}
.jf-pop-main .jf-input[data-v-3141ea0f]::-moz-placeholder {
  color: var(--text-1);
}
.jf-pop-main .jf-input[data-v-3141ea0f]::placeholder {
  color: var(--text-1);
}
.jf-pop-main .jf-input[data-v-3141ea0f]:focus {
  border: 1px solid #3bc117;
}
.jf-pop-main .jf-input[data-v-3141ea0f]:focus-visible {
  border: 1px solid #3bc117;
  outline: none;
}
.jf-pop-main .jf-select[data-v-3141ea0f] {
  width: 100%;
}
.jf-pop-main .jf-select .el-input__inner[data-v-3141ea0f]:hover {
  border: none;
}
[data-v-3141ea0f] .jf-select .el-input__inner {
  font-size: 0.12rem;
  text-indent: 0.23rem;
  padding-left: 0;
}
.jf-login-img[data-v-3141ea0f] {
  width: 100%;
  padding: 0.2rem 0;
}
.jf-login-img img[data-v-3141ea0f] {
  width: 100%;
}
.jf-from-label[data-v-3141ea0f] {
  padding: 0.16rem 0 0.06rem;
  color: var(--text-1);
  font-size: 0.12rem;
  display: flex;
  align-items: center;
}
.jf-from-label .jf-check[data-v-3141ea0f] {
  width: 0.14rem;
  height: 0.14rem;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.01rem;
  box-sizing: border-box;
  border: 1px solid #2d3035;
  background-color: rgba(45, 48, 53, 0.5);
  font-size: 0.1rem;
  margin-right: 0.07rem;
  color: transparent;
  position: relative;
  cursor: pointer;
  color: var(--text-green1);
}
.jf-from-label .jf-check[data-v-3141ea0f]:before {
  transform: scale(0.7);
  display: block;
}
.jf-from-label .span[data-v-3141ea0f] {
  color: var(--text);
}
.text-white[data-v-3141ea0f] {
  flex: none;
  cursor: pointer;
}
.jf-show[data-v-3141ea0f] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[data-v-3141ea0f] .el-checkbox {
  color: var(--text-1);
}
[data-v-3141ea0f] .el-checkbox__label {
  font-size: 12px;
  padding-left: 6px;
}
[data-v-3141ea0f] .el-checkbox__inner {
  background-color: transparent;
  border: 1px solid #5f6269;
}
[data-v-3141ea0f] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme);
}
[data-v-3141ea0f] .el-checkbox__input.is-focus .el-checkbox__inner {
  border: 1px solid #5f6269;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-3141ea0f],
[data-v-3141ea0f] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme);
  border-color: var(--theme);
}
.user-box[data-v-c7c11764] {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.pay-list ul[data-v-c7c11764] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.pay-list li[data-v-c7c11764] {
  position: relative;
  height: 80px;
  background: #17181b;
  text-align: center;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  cursor: pointer;
  gap: 0.06rem;
}
.pay-list li.hover-target[data-v-c7c11764] {
  background: #009d81;
  color: #fff;
}
.pay-list li .img[data-v-c7c11764] {
  width: 32px;
  height: 32px;
}
.pay-list li .name[data-v-c7c11764] {
  font-family: PingFang SC;
  line-height: 1;
  max-width: 120px;
  overflow: hidden;
  font-size: 12px;
}
.pay-list li .hots[data-v-c7c11764] {
  font-size: 28px;
  position: absolute;
  right: -6px;
  top: -6px;
  color: var(--color-theme);
}
.pay-list li .gift[data-v-c7c11764] {
  font-size: 12px;
  height: 20px;
  min-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  background: red;
  border-radius: 10px;
  font-family: PingFang SC;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
}
.pay-input[data-v-c7c11764] {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 48px;
  width: 100%;
  height: 48px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: #17181b;
  padding: 0 0.14rem;
  outline: none;
  color: #fff;
}
.pay-input[data-v-c7c11764]:focus-visible {
  outline: none;
}
.pay-input[data-v-c7c11764]::-moz-placeholder {
  color: var(--text-1);
  font-size: 14px;
}
.pay-input[data-v-c7c11764]::placeholder {
  color: var(--text-1);
  font-size: 14px;
}
.pay-gray-tips[data-v-c7c11764],
.pay-red-tips[data-v-c7c11764] {
  min-height: 16px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin: 12px 0;
}
.pay-red-tips[data-v-c7c11764] {
  color: #e95b5b;
  margin-top: 12px;
}
.user-pay-money[data-v-c7c11764] {
  width: 100%;
  margin: 0 0 8px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.user-pay-money li[data-v-c7c11764] {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 0;
  border: 0.01px solid #494949;
}
.user-pay-money li.hover-target[data-v-c7c11764] {
  border: 0.01px solid #009d81;
}
.usdt-step[data-v-c7c11764] {
  border-radius: 12px;
  overflow: hidden;
  padding: 16px 24px;
  flex: none;
}
.usdt-step strong[data-v-c7c11764] {
  font-weight: 400;
  font-size: 14px;
  color: #179cff;
  margin-bottom: 10px;
  display: block;
}
.usdt-step ul[data-v-c7c11764] {
  width: 580px;
  height: 32px;
  background-size: cover;
  background-size: contain;
  display: flex;
  align-items: center;
}
.usdt-step ul li[data-v-c7c11764] {
  color: #179cff;
  font-size: 12px;
  width: 140px;
  text-align: center;
}
.usdt-type-list[data-v-c7c11764] {
  display: flex;
  align-items: center;
}
.usdt-type-list li[data-v-c7c11764] {
  width: 166px;
  height: 40px;
  border-radius: 5px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  margin-right: 16px;
  border: 0.01px solid #494949;
}
.usdt-type-list li.hover-target[data-v-c7c11764] {
  border: 0.01px solid #009d81;
}
.three-load[data-v-c7c11764] {
  width: 320px;
  height: 61px;
  padding: 8px;
  display: flex;
  align-items: center;
  font-size: 12px;
  position: relative;
  background-size: cover;
}
.three-load img[data-v-c7c11764] {
  width: 30px;
  margin-right: 6px;
}
.three-load .sec[data-v-c7c11764] {
  flex: 1;
}
.three-load .sec span[data-v-c7c11764] {
  font-weight: 500;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: #303442;
}
.three-load .sec p[data-v-c7c11764] {
  height: 21px;
  margin-top: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  padding: 0 8px;
  background: rgba(23, 156, 255, 0.15);
  color: #179cff;
  border-radius: 19px;
  display: inline-block;
}
.three-load .load[data-v-c7c11764] {
  cursor: pointer;
  width: 64px;
  height: 24px;
  background: #179cff;
  border-radius: 4px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #fff;
}
.user-box-title[data-v-c7c11764] {
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-box-title .sec[data-v-c7c11764] {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-1);
  cursor: pointer;
}
.user-box-title .sec img[data-v-c7c11764] {
  width: 20px;
  margin-right: 2px;
}
.btn-wid400[data-v-c7c11764] {
  margin-top: 20px;
}
.jf-mode-flex[data-v-c7c11764] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
[data-v-c7c11764] .btn-wid400 {
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
[data-v-c7c11764] .btn-wid400.is-disabled {
  color: hsla(0, 0%, 100%, 0.5);
  background: #0e5f51 !important;
  border: 1px solid #0e5f51 !important;
}
.jf-dep-img-tip[data-v-c7c11764] {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.popup[data-v-18a63f0f] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 110;
}
.popup-main[data-v-18a63f0f] {
  width: 700px;
  border-radius: 4px;
  background: #24262b;
  padding-bottom: 24px;
}
.popup-title[data-v-18a63f0f] {
  text-align: center;
  position: relative;
  font-size: 24px;
  background: #17191b;
}
.popup-title .title[data-v-18a63f0f] {
  height: 60px;
  line-height: 60px;
}
.popup-title .close[data-v-18a63f0f] {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-size: 80%;
  transform: translateY(-50%);
  cursor: pointer;
}
.popup-zw[data-v-18a63f0f] {
  padding: 24px;
}
.popup-zw .small[data-v-18a63f0f] {
  font-size: 12px;
}
.popup-zw .list[data-v-18a63f0f] {
  margin-top: 10px;
  color: #2a2b2c;
}
.popup-zw .list span[data-v-18a63f0f] {
  color: #e95b5b;
}
.popup-zw .list .link[data-v-18a63f0f] {
  padding: 2px 8px;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #6aaaf5;
  color: #6aaaf5;
  margin-bottom: 12px;
  margin-top: 8px;
  color: #179cff;
  cursor: pointer;
}
.popup-zw .list-tips[data-v-18a63f0f] {
  font-size: 12px;
  margin-bottom: 12px;
  margin-top: 8px;
  color: #7981a4;
}
.small-title[data-v-18a63f0f] {
  width: 480px;
}
.small-title .popup-title[data-v-18a63f0f] {
  padding: 15px 15px 10px;
  background: #17191b;
  font-size: 18px;
  color: #fff;
}
.small-title .popup-title .title[data-v-18a63f0f] {
  line-height: 1 !important;
  height: auto;
}
.popImg-main[data-v-18a63f0f] {
  text-align: left;
  padding: 24px 0;
  width: 60%;
  margin: 0 auto;
}
.popImg-main ul[data-v-18a63f0f] {
  margin-top: 8px;
}
.popImg-main ul li[data-v-18a63f0f] {
  position: relative;
  width: 100%;
  height: 40px;
  cursor: pointer;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popImg-main ul li.hover-target[data-v-18a63f0f] {
  border: 1px solid #009d81;
}
.popImg-main .text-red[data-v-18a63f0f] {
  padding: 10px 0;
}
.popImg-link[data-v-18a63f0f] {
  display: flex;
  width: 100%;
  margin-top: 32px;
}
.popImg-link button[data-v-18a63f0f] {
  flex: 1;
}
[data-v-1ca034c4] .el-step__head.is-finish {
  color: #fff;
  border-color: #fff;
}
[data-v-1ca034c4] .el-step__head.is-finish .el-step__icon {
  background: #24262b;
}
[data-v-1ca034c4]
  .el-step__head.is-finish
  ~ .el-step__main
  .el-step__title.is-finish {
  color: #fff;
}
[data-v-1ca034c4] .el-step__head.is-wait {
  color: #303133;
  border-color: inherit;
}
[data-v-1ca034c4]
  .el-step__head.is-wait
  ~ .el-step__main
  .el-step__title.is-wait {
  color: #303133;
}
[data-v-1ca034c4] .el-step__main .el-step__title {
  font-size: 12px;
  line-height: 30px;
}
.info-bg[data-v-1ca034c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  width: 100%;
}
.info-step[data-v-1ca034c4] {
  width: 90%;
}
.info-mode[data-v-1ca034c4],
.order-info-right[data-v-1ca034c4],
.order-info[data-v-1ca034c4] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.order-info-right li[data-v-1ca034c4],
.order-info-right ul[data-v-1ca034c4] {
  width: 100%;
}
.order-info-right li[data-v-1ca034c4],
.pay-code[data-v-1ca034c4] {
  display: flex;
  align-items: center;
}
.pay-code[data-v-1ca034c4] {
  flex-direction: column;
}
.pay-code img[data-v-1ca034c4] {
  width: 160px;
}
.info-main[data-v-1ca034c4] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  width: 80% !important;
  margin: 0 auto;
}
.info-main li[data-v-1ca034c4] {
  gap: 0.1rem;
}
.order-tips[data-v-1ca034c4] {
  border-radius: 6px;
  border: 1px solid #323338;
  padding: 0.1rem;
  width: 90% !important;
  font-size: 12px;
  line-height: 1.75;
}
.popup-main[data-v-1ca034c4] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.popup-title[data-v-1ca034c4] {
  color: #fff;
  font-size: 0.16rem;
}
.popup-zw[data-v-1ca034c4] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.link[data-v-1ca034c4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.1rem 0;
}
.link .h2[data-v-1ca034c4] {
  border-radius: 0.04rem;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  padding: 0.04rem 0.1rem;
  font-size: 0.12rem;
}
.popup-footer[data-v-1ca034c4] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
  width: 100%;
}
[data-v-1ca034c4] .el-upload--picture-card {
  width: 120px;
  height: 120px;
  line-height: 118px;
}
[data-v-1ca034c4] .el-upload-list--picture-card .el-upload-list__item {
  width: 120px;
  height: 120px;
}
.popup1[data-v-1ca034c4] {
  position: fixed;
  z-index: 100;
}
.ebpay-box[data-v-792f68b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px !important;
  text-align: center;
}
.ebpay-box h2[data-v-792f68b1] {
  font-weight: 400;
}
.ebpay-time[data-v-792f68b1] {
  width: 129px;
  height: 129px;
  background: url(/img/time.6224c174.png) no-repeat 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0;
  font-size: 26px;
}
.ebpay-tips[data-v-792f68b1] {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.ebpay-tips img[data-v-792f68b1] {
  width: 18px;
  margin-right: 4px;
}
.text-blue[data-v-792f68b1] {
  color: var(--text-green2);
  cursor: pointer;
}
.payWid[data-v-792f68b1] {
  display: flex;
  gap: 20px;
  padding: 50px 0;
}
.payWid .link-a[data-v-792f68b1] {
  background: none;
  outline: none;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 4px;
  padding: 8px 30px;
  color: #999;
  font-size: 13px;
  cursor: pointer;
}
.payWid .link-a[data-v-792f68b1]:hover {
  color: var(--theme);
  border: 1px solid var(--theme);
}
.jf-dep-pop[data-v-a26bcae4] {
  position: fixed;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jf-dep-main[data-v-a26bcae4] {
  margin: 0 auto;
  max-width: 9.4rem;
  min-height: 7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #24262b;
}
.jf-dep-title[data-v-a26bcae4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.44rem;
  padding: 0.1rem 0.14rem;
  background: #17191b;
}
.jf-dep-title .left[data-v-a26bcae4] {
  font-size: 0.16rem;
  color: #fff;
}
.jf-dep-title .right[data-v-a26bcae4] {
  cursor: pointer;
}
.jf-dep-content[data-v-a26bcae4] {
  flex: 1;
  overflow-y: auto;
  padding: 0.2rem;
  max-height: 8.2rem;
  width: 5.8rem;
  position: relative;
}
.transfer-list ul[data-v-3078d626] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1rem;
}
.transfer-list li[data-v-3078d626] {
  position: relative;
  height: 100%;
  padding: 10px 12px;
  background: #17181b;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
}
.transfer-list li .row[data-v-3078d626] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.transfer-list li .row .left[data-v-3078d626] {
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 24px;
}
.transfer-list li .row .right[data-v-3078d626] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--text-green2);
  border-radius: 20px;
  padding: 0 0.1rem;
  height: 24px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}
.transfer-list li .money[data-v-3078d626] {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
  display: flex;
  align-items: center;
}
.pay-input[data-v-3078d626] {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 48px;
  width: 100%;
  height: 48px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: #17181b;
  padding: 0 0.14rem;
  outline: none;
  color: #fff;
}
.pay-input[data-v-3078d626]:focus-visible {
  outline: none;
}
.pay-input[data-v-3078d626]::-moz-placeholder {
  color: var(--text-1);
  font-size: 14px;
}
.pay-input[data-v-3078d626]::placeholder {
  color: var(--text-1);
  font-size: 14px;
}
.pay-gray-tips[data-v-3078d626],
.pay-red-tips[data-v-3078d626] {
  min-height: 16px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-top: 0.1rem;
}
.pay-red-tips[data-v-3078d626] {
  color: #e95b5b;
  margin-top: 12px;
}
.user-pay-money[data-v-3078d626] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  margin-bottom: -12px;
}
.user-pay-money li[data-v-3078d626] {
  margin-bottom: 12px;
  margin-right: 8px;
  width: 110px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #f4faff;
  background-color: #f4faff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #30383f;
  position: relative;
  font-family: Akrobat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.transfer-title[data-v-3078d626] {
  justify-content: space-between;
  font-family: PingFangSC-Medium;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.transfer-title .left[data-v-3078d626] {
  color: #fff;
}
.transfer-title .right[data-v-3078d626] {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #788b9d;
}
.transfer-title .right span[data-v-3078d626] {
  margin-right: 4px;
  font-size: 14px;
}
.transfer-money-list ul[data-v-3078d626] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1rem;
  align-items: center;
  flex-flow: wrap;
}
.transfer-money-list ul li[data-v-3078d626] {
  border-radius: 4px;
  padding: 14px;
  position: relative;
  background: #17181b;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
}
.transfer-money-list ul li[data-v-3078d626]:hover {
  border: 1px solid #fff;
}
.transfer-money-list ul li .name[data-v-3078d626] {
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.transfer-money-list ul li .money[data-v-3078d626] {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-left: 2px;
}
.transfer-money-list ul li .link[data-v-3078d626] {
  position: absolute;
  right: 12px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.12rem;
}
.transfer-money-list ul li .link[data-v-3078d626]:hover {
  width: 60px;
  height: 24px;
  border-radius: 20px;
  background: var(--text-green2);
  transition: all 0.3s;
  outline: none;
  border: none;
  text-align: center;
}
.transfer-money-list ul li .link[data-v-3078d626]:hover:before {
  content: "一键转入";
  color: #fff;
  font-size: 12px;
  line-height: 24px;
}
.transfer-auto[data-v-3078d626] {
  display: flex;
  align-items: center;
}
.transfer-auto-row[data-v-3078d626] {
  flex: 1;
  padding: 0 11px;
  display: flex;
  align-items: center;
}
.transfer-auto-row .in[data-v-3078d626],
.transfer-auto-row .out[data-v-3078d626] {
  display: inline-block;
  width: 32px;
  height: 20px;
  line-height: 20px;
  background: rgba(37, 153, 248, 0.1);
  border-radius: 2px;
  text-align: center;
  color: #2599f8;
  font-size: 12px;
  margin-right: 8px;
}
.transfer-auto-row .in[data-v-3078d626] {
  color: #77c48f;
  background: rgba(119, 196, 143, 0.1);
}
.transfer-auto-row .main[data-v-3078d626] {
  flex: 1;
}
.transfer-auto-row .arrow[data-v-3078d626] {
  width: 24px;
  height: 24px;
  display: block;
  background-size: 75%;
}
.transfer-auto-img[data-v-3078d626] {
  margin: 0 14px;
  cursor: pointer;
  font-size: 0.22rem;
}
.transfer-auto-img[data-v-3078d626]:hover {
  color: var(--text-green2);
}
.transfer-input-money[data-v-3078d626] {
  position: relative;
  display: inline-block;
  width: 100%;
}
.transfer-input-money .all-in[data-v-3078d626] {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
}
.transfer-input-money .unit[data-v-3078d626] {
  position: absolute;
  right: 56px;
  top: 50%;
  padding-right: 12px;
  transform: translateY(-50%);
}
.transfer-input-money .unit[data-v-3078d626]:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  background: #dcdcdc;
  transform: translateY(-50%);
}
[data-v-3078d626] .el-select .el-input__inner {
  background: transparent;
  border: none;
  padding: 0;
}
[data-v-3078d626] .el-input__suffix {
  display: none;
}
.text-black[data-v-3078d626] {
  color: #fff !important;
}
.jf-dep-pop[data-v-3078d626] {
  position: fixed;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jf-dep-main[data-v-3078d626] {
  margin: 0 auto;
  max-width: 8.4rem;
  min-height: 7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #24262b;
}
.jf-dep-title[data-v-3078d626] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.44rem;
  padding: 0.1rem 0.14rem;
  background: #17191b;
}
.jf-dep-title .left[data-v-3078d626] {
  font-size: 0.16rem;
  color: #fff;
}
.jf-dep-title .right[data-v-3078d626] {
  cursor: pointer;
}
.jf-dep-content[data-v-3078d626] {
  flex: 1;
  overflow-y: auto;
  padding: 0.2rem;
  max-height: 8.2rem;
  width: 5.8rem;
  position: relative;
  flex-direction: column;
  gap: 0.2rem;
  display: flex;
}
.user-box-title[data-v-3078d626] {
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-box-title .sec[data-v-3078d626] {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-1);
  cursor: pointer;
}
.user-box-title .sec img[data-v-3078d626] {
  width: 20px;
  margin-right: 2px;
}
.user-box[data-v-3078d626] {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
.transfer-link[data-v-3078d626] {
  width: 100%;
  margin-top: 0.2rem;
}
.transfer-link .wid100[data-v-3078d626] {
  width: 100%;
}
[data-v-3078d626] .transfer-auto-row .el-select .el-input__inner {
  border: 1px solid transparent !important;
}
[data-v-3078d626] .transfer-auto-row .el-input__inner:focus,
[data-v-3078d626] .transfer-auto-row .el-input__inner:hover {
  border-color: transparent !important;
}
[data-v-3078d626] .el-switch__core {
  background: #17181b;
  border-color: #17181b;
}
.add-bank-list[data-v-1b926730] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1rem;
}
.add-bank-row[data-v-1b926730] {
  border-radius: 4px;
  flex-direction: column;
  font-size: 14px;
  cursor: pointer;
  height: 98px;
  box-shadow: none;
  font-weight: 500;
  justify-content: center;
  background: #17181b;
  border: 1px dashed #3a3b46;
}
.add-bank-row .name[data-v-1b926730],
.add-bank-row[data-v-1b926730] {
  display: flex;
  align-items: center;
}
.add-bank-row .name img[data-v-1b926730] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.add-bank-row .sec[data-v-1b926730] {
  font-size: 12px;
  margin-top: 4px;
}
.add-bank-row.usdt[data-v-1b926730] {
  background: linear-gradient(180deg, #58f1c6, #47c19f);
}
.add-bank-row.ebpay[data-v-1b926730] {
  background: linear-gradient(0deg, #548de0, #92b8ee);
}
.add-bank-row.koipay[data-v-1b926730] {
  background: linear-gradient(314.81deg, #32bdbc 3.14%, #86e1cd 97%);
}
.bank-bg[data-v-1b926730] {
  background-image: linear-gradient(315deg, #d57074, #f7acaf);
  box-shadow: none;
  color: #788b9d;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  position: relative;
  border: 1px solid transparent;
}
.bank-bg .gou[data-v-1b926730] {
  position: absolute;
  top: 6px;
  right: 6px;
  background: hsla(0, 0%, 100%, 0.4);
  border-radius: 100%;
  width: 18px;
  height: 18px;
  opacity: 0.3;
}
.bank-bg .gou[data-v-1b926730]:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-45%, -54%) rotate(45deg);
}
.bank-bg .bank-name[data-v-1b926730] {
  display: flex;
  text-align: left;
  width: 100%;
  flex: 1;
}
.bank-bg .bank-name .icon[data-v-1b926730] {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bank-bg .bank-name .icon img[data-v-1b926730] {
  width: 80%;
  border-radius: 100%;
  overflow: hidden;
}
.bank-bg .bank-name .info[data-v-1b926730] {
  color: #fff;
}
.bank-bg .bank-name .info-name[data-v-1b926730] {
  font-size: 14px;
}
.bank-bg .bank-name .info-type[data-v-1b926730] {
  font-size: 12px;
  opacity: 0.5;
}
.bank-bg .bank-number[data-v-1b926730] {
  color: #fff;
  text-align: left;
  width: 100%;
}
.bank-bg .name[data-v-1b926730] {
  display: flex;
  align-items: center;
}
.bank-bg .name img[data-v-1b926730] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.bank-bg .sec[data-v-1b926730] {
  font-size: 12px;
  margin-top: 4px;
}
.bank-bg.hover .gou[data-v-1b926730] {
  opacity: 1;
  background: hsla(0, 0%, 100%, 0.8);
}
.bank-bg.hover .gou[data-v-1b926730]:before {
  border-right: 2px solid #409eff;
  border-bottom: 2px solid #409eff;
}
.user-box-title[data-v-1b926730] {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.transfer-list ul[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.transfer-list li[data-v-cd24ef14] {
  position: relative;
  height: 100%;
  flex: 1 1;
  height: 107px;
  padding: 20px 12px;
  background: #f4faff;
  border-radius: 12px;
  margin-right: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
}
.transfer-list li[data-v-cd24ef14]:last-child {
  margin-right: 0;
}
.transfer-list li .row[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.transfer-list li .row .left[data-v-cd24ef14] {
  font-family: PingFang SC;
  font-size: 16px;
  line-height: 24px;
  color: #788b9d;
}
.transfer-list li .row .right[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e9f5fe;
  border-radius: 20px;
  width: 84px;
  height: 24px;
  cursor: pointer;
  color: #2599f8;
  font-size: 12px;
}
.transfer-list li .row .right[data-v-cd24ef14]:hover {
  background: #2599f8;
  color: #fff;
}
.transfer-list li .row .right:hover .mr[data-v-cd24ef14] {
  display: none;
}
.transfer-list li .row .right:hover .xz[data-v-cd24ef14] {
  display: block;
}
.transfer-list li .row .right img[data-v-cd24ef14] {
  width: 16px;
  height: 16px;
}
.transfer-list li .row .right img.xz[data-v-cd24ef14] {
  display: none;
}
.transfer-list li .money[data-v-cd24ef14] {
  font-weight: 800;
  font-size: 28px;
  line-height: 35px;
  color: #30383f;
  display: flex;
  align-items: center;
}
.transfer-list li .money i[data-v-cd24ef14] {
  width: 12px;
  height: 20px;
  margin-right: 2px;
  background-size: 100% 100%;
}
.transfer-list li .money img[data-v-cd24ef14] {
  width: 12px;
  height: 20px;
}
.pay-input[data-v-cd24ef14] {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 48px;
  width: 100%;
  height: 48px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: #17181b;
  padding: 0 0.14rem;
  outline: none;
  color: #fff;
}
.pay-input[data-v-cd24ef14]:focus-visible {
  outline: none;
}
.pay-input[data-v-cd24ef14]::-moz-placeholder {
  color: var(--text-1);
  font-size: 14px;
}
.pay-input[data-v-cd24ef14]::placeholder {
  color: var(--text-1);
  font-size: 14px;
}
.pay-gray-tips[data-v-cd24ef14],
.pay-red-tips[data-v-cd24ef14] {
  min-height: 16px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #788b9d;
  margin-bottom: 12px;
}
.pay-red-tips[data-v-cd24ef14] {
  color: #e95b5b;
  margin-top: 12px;
}
.user-pay-money[data-v-cd24ef14] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  margin-bottom: -12px;
}
.user-pay-money li[data-v-cd24ef14] {
  margin-bottom: 12px;
  margin-right: 8px;
  width: 110px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #f4faff;
  background-color: #f4faff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #30383f;
  position: relative;
  font-family: Akrobat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.transfer-title[data-v-cd24ef14] {
  justify-content: space-between;
  font-family: PingFangSC-Medium;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.transfer-title .left[data-v-cd24ef14] {
  color: #fff;
}
.transfer-title .right[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.transfer-title .right span[data-v-cd24ef14] {
  margin-right: 4px;
  font-size: 14px;
}
.transfer-money-list ul[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  margin-top: 16px;
}
.transfer-money-list ul li[data-v-cd24ef14] {
  width: 166px;
  height: 88px;
  border-radius: 12px;
  margin-right: 12px;
  margin-bottom: 16px;
  padding: 16px 12px;
  position: relative;
  background: #f4faff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
}
.transfer-money-list ul li[data-v-cd24ef14]:hover {
  border: 1px solid #2599f8;
}
.transfer-money-list ul li[data-v-cd24ef14]:nth-child(4n + 4) {
  margin-right: 0;
}
.transfer-money-list ul li .name[data-v-cd24ef14] {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #788b9d;
}
.transfer-money-list ul li .money[data-v-cd24ef14] {
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  color: #aeb9c4;
  margin-left: 2px;
}
.transfer-money-list ul li .link[data-v-cd24ef14] {
  position: absolute;
  right: 12px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-color: rgba(37, 153, 248, 0.1);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 50% 50%;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.transfer-money-list ul li .link[data-v-cd24ef14]:hover {
  width: 60px;
  height: 24px;
  border-radius: 20px;
  background: #2599f8;
  transition: all 0.3s;
  outline: none;
  border: none;
  text-align: center;
}
.transfer-money-list ul li .link[data-v-cd24ef14]:hover:before {
  content: "一键转入";
  color: #fff;
  font-size: 12px;
  line-height: 24px;
}
.withdrawal-list[data-v-cd24ef14] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.withdrawal-list li[data-v-cd24ef14] {
  position: relative;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  font-size: 14px;
  background: #17181b;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
}
.withdrawal-list li .small[data-v-cd24ef14] {
  font-size: 12px;
}
.withdrawal-list li .discount[data-v-cd24ef14] {
  background: #e95b5b;
  border-radius: 10px 10px 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 1px 4px;
  position: absolute;
  top: -9px;
  right: -6px;
  color: #fff;
}
.withdrawal-list li.hover[data-v-cd24ef14] {
  border: 1px solid var(--text-green2);
}
.withdrawal-list li.hover[data-v-cd24ef14]:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  background-position: 100% 100%;
}
.add-bank-list[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.add-bank-row[data-v-cd24ef14] {
  border-radius: 12px;
  flex-direction: column;
  font-size: 14px;
  cursor: pointer;
  box-shadow: none;
  font-weight: 500;
  justify-content: center;
}
.add-bank-row .name[data-v-cd24ef14],
.add-bank-row[data-v-cd24ef14] {
  display: flex;
  align-items: center;
}
.add-bank-row .name img[data-v-cd24ef14] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.add-bank-row .sec[data-v-cd24ef14] {
  font-size: 12px;
  margin-top: 4px;
}
.add-money-number[data-v-cd24ef14] {
  padding: 0 40px;
  align-items: flex-start;
}
.add-money-number .sec[data-v-cd24ef14] {
  font-size: 20px;
  color: #fff;
}
.user-money-list ul[data-v-cd24ef14] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.1rem;
}
.user-money-list li[data-v-cd24ef14] {
  height: 36px;
  border-radius: 4px;
  border: 1px solid #17181b;
  background-color: #17181b;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.user-money-list li.hover-target[data-v-cd24ef14] {
  border: 1px solid var(--text-green2);
}
.withModeInfo[data-v-cd24ef14] {
  border-radius: 4px;
  align-items: center;
  padding: 20px 0;
  width: 100%;
  display: flex;
  background: #17181b;
}
.withModeInfo .add-money-number[data-v-cd24ef14] {
  height: 100%;
  background: none;
  box-shadow: none;
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.bank-bg[data-v-cd24ef14] {
  background-image: linear-gradient(315deg, #d57074, #f7acaf);
  margin-bottom: 12px;
  box-shadow: none;
  color: #788b9d;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  padding: 16px;
  position: relative;
}
.bank-bg[data-v-cd24ef14]:nth-child(3n + 3) {
  margin-right: 0;
}
.bank-bg .gou[data-v-cd24ef14] {
  position: absolute;
  top: 6px;
  right: 6px;
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  width: 18px;
  height: 18px;
}
.bank-bg .gou[data-v-cd24ef14]:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0.5;
}
.bank-bg .bank-name[data-v-cd24ef14] {
  display: flex;
  text-align: left;
  width: 100%;
  flex: 1;
}
.bank-bg .bank-name .icon[data-v-cd24ef14] {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bank-bg .bank-name .icon img[data-v-cd24ef14] {
  width: 80%;
  border-radius: 100%;
  overflow: hidden;
}
.bank-bg .bank-name .info[data-v-cd24ef14] {
  color: #fff;
}
.bank-bg .bank-name .info-name[data-v-cd24ef14] {
  font-size: 14px;
}
.bank-bg .bank-name .info-type[data-v-cd24ef14] {
  font-size: 12px;
  opacity: 0.5;
}
.bank-bg .bank-number[data-v-cd24ef14] {
  color: #fff;
  text-align: left;
  width: 100%;
  padding-left: 24px;
}
.bank-bg .name[data-v-cd24ef14] {
  display: flex;
  align-items: center;
}
.bank-bg .name img[data-v-cd24ef14] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.bank-bg .sec[data-v-cd24ef14] {
  font-size: 12px;
  margin-top: 4px;
}
.transfer-input-money[data-v-cd24ef14] {
  position: relative;
  display: inline-block;
}
.transfer-input-money .all-in[data-v-cd24ef14] {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
}
.transfer-input-money .unit[data-v-cd24ef14] {
  position: absolute;
  right: 56px;
  top: 50%;
  padding-right: 12px;
  transform: translateY(-50%);
}
.transfer-input-money .unit[data-v-cd24ef14]:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  background: #dcdcdc;
  transform: translateY(-50%);
}
.usdtTransfer[data-v-cd24ef14] {
  margin: 0 0 16px;
  font-size: 12px;
}
.usdtTransfer p[data-v-cd24ef14] {
  margin-top: 6px;
}
.usdtTransfer-sxf[data-v-cd24ef14] {
  padding-left: 10px;
  border-left: 1px solid #eee;
  margin-left: 10px;
}
.jf-dep-pop[data-v-cd24ef14] {
  position: fixed;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jf-dep-main[data-v-cd24ef14] {
  margin: 0 auto;
  max-width: 8.4rem;
  min-height: 7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #24262b;
}
.jf-dep-title[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.44rem;
  padding: 0.1rem 0.14rem;
  background: #17191b;
}
.jf-dep-title .left[data-v-cd24ef14] {
  font-size: 0.16rem;
  color: #fff;
}
.jf-dep-title .right[data-v-cd24ef14] {
  cursor: pointer;
}
.jf-dep-content[data-v-cd24ef14] {
  flex: 1;
  overflow-y: auto;
  padding: 0.2rem;
  max-height: 8.2rem;
  width: 5.8rem;
  position: relative;
  flex-direction: column;
  gap: 0.3rem;
  display: flex;
}
.user-box-title[data-v-cd24ef14] {
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-box-title .sec[data-v-cd24ef14] {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-1);
  cursor: pointer;
}
.user-box-title .sec img[data-v-cd24ef14] {
  width: 20px;
  margin-right: 2px;
}
.user-box[data-v-cd24ef14] {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
.withdrawLink[data-v-cd24ef14] {
  width: 100%;
  position: sticky;
  bottom: 0;
  background: #17181b;
}
.withdrawLink .wid100[data-v-cd24ef14] {
  width: 100%;
}
.layout[data-v-3700b69a] {
  width: 100%;
  height: 100vh;
  display: flex;
}
.layout-left[data-v-3700b69a] {
  width: 2.5rem;
  background: var(--bg);
  display: flex;
  flex-direction: column;
}
.layout-right[data-v-3700b69a] {
  flex: 1;
  background: var(--bg-3);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.layout-hei[data-v-3700b69a] {
  background: var(--bg-1);
}
.jf-search[data-v-6f7c4366] {
  position: absolute;
  top: 0.64rem;
  height: 100%;
  width: 14.2rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.jf-search-scroll[data-v-6f7c4366] {
  background: #24262b;
  padding: 0.2rem 0.2rem 0.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.jf-search-box[data-v-6f7c4366] {
  width: 100%;
  position: relative;
  height: 0.48rem;
  background: #191919;
  border-radius: 0.04rem;
  color: #6e6e6e;
  font-size: 0.16rem;
  text-align: center;
  z-index: 1;
  margin: 0.1rem auto 0;
  display: flex;
  align-items: center;
  padding: 0 0.2rem;
  gap: 0.1rem;
}
.jf-search-box .input[data-v-6f7c4366] {
  flex: 1;
  background: #fff;
  font-size: 0.14rem;
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  color: #fff;
  font-size: 0.15rem;
}
.jf-search-box .canlce[data-v-6f7c4366] {
  cursor: pointer;
  font-size: 0.13rem;
  color: #fff;
}
.jf-search-type[data-v-6f7c4366] {
  padding-right: 0.04rem;
  margin-right: 0.1rem;
  position: relative;
}
.jf-search-type[data-v-6f7c4366]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 0.26rem;
  width: 1px;
  background: #333;
  transform: translateY(-50%);
}
.jf-search-sec[data-v-6f7c4366] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #98a7b5;
  width: 100%;
  font-size: 0.16rem;
}
[data-v-6f7c4366] .select {
  width: 90px;
  padding: 0;
}
[data-v-6f7c4366] .select .el-input__inner {
  border: none !important;
  padding: 0;
}
[data-v-6f7c4366] .select .el-input__inner:focus,
[data-v-6f7c4366] .select .el-input__inner:hover {
  border: none !important;
}
.jf-search-tj[data-v-6f7c4366] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.jf-search-tj .title[data-v-6f7c4366] {
  font-size: 0.18rem;
  color: #fff;
}
.jf-search-tj .list[data-v-6f7c4366] {
  display: grid;
  grid-template-columns: repeat(8, minmax(10.2em, 1fr));
  gap: 0.15rem 0.15rem;
}
.jf-search-tj .list .row[data-v-6f7c4366] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.04rem;
  overflow: hidden;
}
.jf-search-tj .list .row img[data-v-6f7c4366] {
  width: 100%;
}
.jf-search-tj .list .name[data-v-6f7c4366] {
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 0;
}
.jf-banner[data-v-7a48f94a] {
  background: var(--bg-3);
  padding: 0.16rem 0 0;
}
.jf-banner-wid[data-v-7a48f94a] {
  width: 100%;
}
.jf-banner .jf-wid-14[data-v-7a48f94a] {
  display: flex;
  flex-direction: column;
  position: relative;
}
.jf-banner .jf-wid-14 .next[data-v-7a48f94a],
.jf-banner .jf-wid-14 .prve[data-v-7a48f94a] {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-60%);
  color: var(--text-1);
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-1);
  cursor: pointer;
}
.jf-banner .jf-wid-14 .prve[data-v-7a48f94a] {
  left: -0.24rem;
}
.jf-banner .jf-wid-14 .next[data-v-7a48f94a] {
  right: -0.24rem;
}
.banner-scroll[data-v-7a48f94a] {
  overflow: hidden;
  width: 100%;
}
.banner-scroll ul[data-v-7a48f94a] {
  height: 100%;
  display: flex;
  transition: all 0.4s;
  max-height: 227px;
}
.banner-scroll ul li[data-v-7a48f94a] {
  display: inline-block;
  vertical-align: middle;
  width: 33.33333%;
  flex: none;
  height: 100%;
  padding: 0 0.1rem;
  position: relative;
}
.banner-scroll ul li[data-v-7a48f94a]:after {
  contain: "";
  display: block;
  padding-top: 51%;
}
.banner-scroll ul li img[data-v-7a48f94a] {
  width: 100%;
}
.banner-nav[data-v-7a48f94a] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1rem 0;
}
.banner-nav span[data-v-7a48f94a] {
  width: 0.08rem;
  height: 0.08rem;
  background: #979797;
  border-radius: 0.08rem;
  margin: 0 4px;
  opacity: 0.2;
}
.banner-nav span.hover[data-v-7a48f94a] {
  width: 0.22rem;
  background: #fff;
  opacity: 1;
}
.jf-msg[data-v-7a48f94a] {
  color: var(--text-green1);
  display: flex;
  align-items: center;
  gap: 0.06rem;
  margin-top: 0.16rem;
  width: 100%;
}
.jf-msg .icon[data-v-7a48f94a] {
  font-size: 0.14rem;
}
.jf-msg-scroll[data-v-7a48f94a] {
  flex: 1;
  overflow: hidden;
}
.jf-msg-scroll ul[data-v-7a48f94a] {
  display: inline-block;
  white-space: nowrap;
  animation: rowup 10s linear infinite normal;
}
.jf-msg-scroll ul li[data-v-7a48f94a] {
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3rem;
}
.sj-search[data-v-7a48f94a] {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  background: var(--bg-3);
  border-radius: 0.04rem;
  padding: 0 0.2rem;
  width: 100%;
  height: 0.48rem;
  margin-top: 0.16rem;
  color: var(--text-pl);
}
.sj-search .text[data-v-7a48f94a] {
  font-size: 0.16rem;
}
.sj-menu[data-v-7a48f94a] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.15rem;
  margin-top: 0.2rem;
  overflow: hidden;
}
.sj-menu .item[data-v-7a48f94a] {
  color: var(--text-1);
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 0.06rem;
  height: 0.4rem;
  padding: 0 0.2rem;
  font-size: 0.14rem;
  cursor: pointer;
  white-space: normal;
}
.sj-menu .item.hover[data-v-7a48f94a] {
  background: var(--bg-hover);
  color: var(--text);
}
.sj-menu .item .text[data-v-7a48f94a] {
  white-space: nowrap;
}
.jf-game[data-v-7a48f94a] {
  width: 100%;
}
.jf-game-flex[data-v-7a48f94a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.2rem;
  margin-top: 0.24rem;
  padding-bottom: 0.4rem;
}
.jf-game .title[data-v-7a48f94a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jf-game .title .h3[data-v-7a48f94a] {
  font-size: 0.16rem;
  color: var(--text);
}
.jf-game .title .right[data-v-7a48f94a] {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
.jf-game .title .all[data-v-7a48f94a] {
  background: var(--bg-3);
  padding: 0 0.1rem;
  height: 0.28rem;
  color: var(--text);
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0.02rem;
}
.jf-game .title .arrow[data-v-7a48f94a] {
  display: flex;
  gap: 0.06rem;
}
.jf-game .title .arrow .next[data-v-7a48f94a],
.jf-game .title .arrow .prve[data-v-7a48f94a] {
  height: 0.28rem;
  width: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.02rem;
  cursor: pointer;
}
.jf-game-list[data-v-7a48f94a] {
  width: 100%;
  overflow: hidden;
  margin-top: 0.1rem;
}
.jf-game-list ul[data-v-7a48f94a] {
  display: grid;
  grid-template-rows: repeat(var(--grid-rows), 1fr);
  grid-auto-flow: column;
  grid-auto-columns: calc(
    100% / var(--grid-num) - (var(--grid-num) - var(--grid-rows)) * 0.15rem/var
      (--grid-num)
  );
  position: relative;
  scroll-snap-type: x mandatory;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  overflow: auto;
  overflow-y: hidden;
  row-gap: 0;
  gap: 0.15rem;
}
.jf-game-list ul li[data-v-7a48f94a] {
  flex: none;
  position: relative;
  border-radius: 0.04rem;
  overflow: hidden;
}
.jf-game-list ul li[data-v-7a48f94a]:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.jf-game-list ul li:hover .link[data-v-7a48f94a] {
  display: flex;
}
.jf-game-list ul li .name[data-v-7a48f94a] {
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 0;
}
.jf-game-list ul li .icon[data-v-7a48f94a] {
  position: absolute;
  z-index: 1;
  width: 0.26rem;
  height: 0.26rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0.04rem;
  left: 0.04rem;
  background: #fff;
  border-radius: 0.06rem;
  overflow: hidden;
  box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.2);
}
.jf-game-list ul li .icon-img-type[data-v-7a48f94a] {
  width: 100%;
}
.jf-game-list ul li img[data-v-7a48f94a] {
  width: 100%;
  height: 100%;
}
.jf-game-list ul li .link[data-v-7a48f94a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #009d81;
  height: 0.36rem;
  border-radius: 0.04rem;
  padding: 0 0.1rem;
  color: var(--text);
  display: none;
  align-items: center;
  justify-content: center;
  width: 60%;
  cursor: pointer;
  z-index: 2;
}
.grid-column[data-v-7a48f94a] {
  --grid-num: 8;
  --grid-rows: 1;
}
@media screen and (max-width: 1430px) {
  .grid-column[data-v-7a48f94a] {
    --grid-num: 7;
    --grid-rows: 1;
  }
}
.fj-msg-pop[data-v-7a48f94a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 20;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.fj-msg-pop-main[data-v-7a48f94a] {
  background: #fff;
  width: 800px;
  border-radius: 10px;
  position: relative;
}
.fj-msg-pop-main .title[data-v-7a48f94a] {
  font-size: 20px;
  text-align: center;
  padding: 20px 0;
  color: #000;
}
.message-scroll[data-v-7a48f94a] {
  max-height: 560px;
  overflow-y: auto;
  padding: 10px 20px;
  flex-direction: column;
  display: flex;
  gap: 16px;
}
.message-row[data-v-7a48f94a] {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.message-row .title-link[data-v-7a48f94a] {
  font-size: 14px;
  color: #333;
}
.message-row .time[data-v-7a48f94a] {
  font-size: 12px;
  color: #666;
}
.message-row .content[data-v-7a48f94a] {
  color: #999;
  font-size: 16px;
}
.message-close[data-v-7a48f94a] {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme1);
  color: #fff;
}
.main-save[data-v-7a48f94a] {
  background: #e3e3e3;
  padding: 10px;
  text-align: right;
  margin-top: 20px;
  border-radius: 0 0 10px 10px;
}
[data-v-7a48f94a] .el-checkbox__inner {
  background: #222;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
[data-v-7a48f94a] .el-checkbox__inner:after {
  border: 1px solid #555;
  border-left: 0;
  border-top: 0;
  height: 7px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-7a48f94a],
[data-v-7a48f94a] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #fff;
  border: 1px solid #fff;
}
[data-v-7a48f94a] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #999;
}
.jf-file-title[data-v-2d3630d1] {
  padding: 0.2rem 0;
  font-size: 0.16rem;
  font-weight: 700;
  color: #fff;
}
.jf-user-layout[data-v-2d3630d1] {
  display: flex;
  gap: 0.16rem;
  padding-bottom: 0.3rem;
}
.jf-user-left[data-v-2d3630d1] {
  display: flex;
  flex-direction: column;
  width: 2.67rem;
  gap: 0.16rem;
}
.jf-user-right[data-v-2d3630d1] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.jf-user-info[data-v-2d3630d1],
.jf-user-menu[data-v-2d3630d1] {
  background: #31343b;
}
.jf-user-info[data-v-2d3630d1] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.14rem;
}
.jf-user-info .phone[data-v-2d3630d1] {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  border-bottom: 1px dashed #4f4f4f;
  padding-bottom: 0.16rem;
}
.jf-user-info .phone .img[data-v-2d3630d1] {
  width: 0.48rem;
}
.jf-user-info .phone h3[data-v-2d3630d1] {
  color: #fff;
  margin-top: 0.04rem;
}
.jf-user-info .money[data-v-2d3630d1] {
  width: 100%;
  padding: 0.1rem 0;
}
.jf-user-info .money ul[data-v-2d3630d1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jf-user-info .money ul li[data-v-2d3630d1] {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
}
.jf-user-info .money ul span[data-v-2d3630d1] {
  font-size: 0.12rem;
}
.jf-user-info .money ul p[data-v-2d3630d1] {
  font-size: 0.16rem;
  color: #fff;
}
.jf-user-menu[data-v-2d3630d1] {
  padding: 0 0.14rem;
  flex: 1;
}
.jf-user-menu ul[data-v-2d3630d1] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  border-bottom: 1px dashed #4f4f4f;
  padding: 0.14rem 0;
}
.jf-user-menu ul[data-v-2d3630d1]:last-child {
  border-bottom: none;
}
.jf-user-menu ul.room[data-v-2d3630d1] {
  flex-direction: row;
  justify-content: space-between;
}
.jf-user-menu ul.room li[data-v-2d3630d1] {
  height: auto;
  flex-direction: column;
  gap: 0.06rem;
  padding: 0.14rem;
}
.jf-user-menu ul.room li .icon[data-v-2d3630d1] {
  font-size: 0.22rem;
}
.jf-user-menu ul.room li .text[data-v-2d3630d1] {
  font-size: 0.14rem;
}
.jf-user-menu li[data-v-2d3630d1] {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  height: 0.52rem;
  font-size: 0.15rem;
  padding: 0 0.14rem;
  cursor: pointer;
  transition: all 0.4s;
}
.jf-user-menu li .icon[data-v-2d3630d1] {
  font-size: 0.18rem;
}
.jf-user-menu li.hover[data-v-2d3630d1],
.jf-user-menu li[data-v-2d3630d1]:hover {
  color: #fff;
  background: #292c33;
}
:root {
  --theme: #009d81;
  --theme1: #ed7221;
  --bg: #1c1e22;
  --bg-1: #24262b;
  --bg-2: #1e2024;
  --bg-3: #191a1e;
  --bg-hover: #2d3035;
  --bt-footer: #1a1c20;
  --text: #fff;
  --text-1: #98a7b5;
  --text-green: #4cf32b;
  --text-green1: #3bc117;
  --text-green2: #009d81;
  --text-green3: #0fa68b;
  --text-pl: #6e6e6e;
  --main: #ff7f27;
  --main1: #c15410;
  --main2: #cbcbcb;
  --main3: #a6a6a6;
  --main4: #626262;
  --boxbg: #1f2129;
  --selecJB1: #a0511a;
  --selecJB2: #ff7f27;
  --line: #292b32;
}
@font-face {
  font-family: iconfont;
  src: url(/fonts/9ffont.e2896df0.eot#iefix) format("embedded-opentype"),
    url(/fonts/9ffont.3e91ff49.ttf) format("truetype"),
    url(/fonts/9ffont.11cecb49.woff) format("woff"),
    url(/img/9ffont.4d282234.svg#9ffont) format("svg");
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-drafts:before {
  content: "\e626";
}
.icon-broadcast:before {
  content: "\e696";
}
.icon-search:before {
  content: "\e82e";
}
.icon-calendar:before {
  content: "\e839";
}
.icon-refresh:before {
  content: "\e75c";
}
.icon-fullscreen:before {
  content: "\e72b";
}
.icon-bg-fullscreen:before {
  content: "\e649";
}
.icon-poker1:before {
  content: "\e60c";
}
.icon-fifa:before {
  content: "\e60b";
}
.icon-pix:before {
  content: "\e60a";
}
.icon-yingguoguoqi:before {
  content: "\e607";
}
.icon-sports:before {
  content: "\e608";
}
.icon-share3:before {
  content: "\e72f";
}
.icon-vip:before {
  content: "\e609";
}
.icon-us:before {
  content: "\e892";
}
.icon-broadcast-full:before {
  content: "\e972";
}
.icon-zuqiu:before {
  content: "\e63d";
}
.icon-shexiangji2:before {
  content: "\e866";
}
.icon-sales_promotion:before {
  content: "\e6a9";
}
.icon-dice1:before {
  content: "\eb1c";
}
.icon-vip2:before {
  content: "\e6dd";
}
.icon-share2:before {
  content: "\e63c";
}
.icon-menu:before {
  content: "\e655";
}
.icon-basketball:before {
  content: "\e657";
}
.icon-basketball2:before {
  content: "\eb6f";
}
.icon-soccer:before {
  content: "\e700";
}
.icon-poker:before {
  content: "\e690";
}
.icon-sound:before {
  content: "\e865";
}
.icon-mute:before {
  content: "\e89c";
}
.icon-pause:before {
  content: "\eb79";
}
.icon-up:before {
  content: "\e676";
}
.icon-people:before {
  content: "\e681";
}
.icon-down:before {
  content: "\eccc";
}
.icon-play:before {
  content: "\eb78";
}
.icon-del:before {
  content: "\e648";
}
.icon-dollar:before {
  content: "\e7a1";
}
.icon-trophy:before {
  content: "\ebb9";
}
.icon-key:before {
  content: "\ea32";
}
.icon-google:before {
  content: "\e692";
}
.icon-message:before {
  content: "\e67a";
}
.icon-copy:before {
  content: "\e661";
}
.icon-clover:before {
  content: "\e632";
}
.icon-live:before {
  content: "\e858";
}
.icon-download:before {
  content: "\e668";
}
.icon-record:before {
  content: "\e618";
}
.icon-free:before {
  content: "\ea87";
}
.icon-settings:before {
  content: "\e840";
}
.icon-transfer:before {
  content: "\e8f8";
}
.icon-round-transfer:before {
  content: "\e66c";
}
.icon-exit:before {
  content: "\e606";
}
.icon-user:before {
  content: "\ebbf";
}
.icon-Selected:before {
  content: "\e693";
}
.icon-facebook:before {
  content: "\e64e";
}
.icon-home:before {
  content: "\e68d";
}
.icon-chip:before {
  content: "\e679";
}
.icon-quick:before {
  content: "\e863";
}
.icon-sun:before {
  content: "\e861";
}
.icon-moon:before {
  content: "\e67c";
}
.icon-spins:before {
  content: "\e66b";
}
.icon-help:before {
  content: "\e602";
}
.icon-tips:before {
  content: "\e604";
}
.icon-info:before {
  content: "\e605";
}
.icon-arrow-up:before {
  content: "\eccb";
}
.icon-slots:before {
  content: "\e601";
}
.icon-close:before {
  content: "\e646";
}
.icon-casino2:before {
  content: "\ea8c";
}
.icon-roulette:before {
  content: "\e688";
}
.icon-eye:before {
  content: "\e7ab";
}
.icon-casino:before {
  content: "\e60d";
}
.icon-dice:before {
  content: "\ecc9";
}
.icon-rocket:before {
  content: "\e705";
}
.icon-app:before {
  content: "\e6d4";
}
.icon-card:before {
  content: "\e600";
}
.icon-cards:before {
  content: "\e68b";
}
.icon-gift:before {
  content: "\e639";
}
.icon-hot:before {
  content: "\e847";
}
.icon-bominfo:before {
  content: "\e603";
}
.icon-earphone:before {
  content: "\e658";
}
.icon-hot1:before {
  content: "\e65a";
}
.icon-purse:before {
  content: "\e6b3";
}
.icon-arrow-down:before {
  content: "\e665";
}
.icon-arrow-right:before {
  content: "\e666";
}
.icon-eye-close:before {
  content: "\e8df";
}
.icon-rocket1:before {
  content: "\ea1b";
}
.icon-lottery-win:before {
  content: "\e6db";
}
.icon-soccer-ball:before {
  content: "\e61b";
}
.icon-arrow-left:before {
  content: "\ecca";
}
.icon-caipiaodating:before {
  content: "\e900";
}
.icon-shixun:before {
  content: "\e901";
}
.icon-yu1:before {
  content: "\e902";
}
.icon-Game-Pad:before {
  content: "\e903";
}
.icon-facebook1:before {
  content: "\e904";
}
.icon-telegram:before {
  content: "\e905";
}
.icon-whatsapp:before {
  content: "\e906";
}
.icon-uniE907:before {
  content: "\e907";
}
.icon-email:before {
  content: "\e908";
}
.icon-lock:before {
  content: "\e909";
}
.icon-shouji:before {
  content: "\e90a";
}
.icon-youxiang:before {
  content: "\e90b";
}
.icon-qukuan:before {
  content: "\e90c";
}
.icon-loading:before {
  content: "\e90d";
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
html {
  font-size: 100px;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,
    Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB,
    Microsoft Yahei, sans-serif;
  font-size: 0.13rem;
  color: var(--text-1);
}
img[lazy="error"] {
  background: url(/img/error.1609b0db.svg) no-repeat center center var(--bg-3);
  background-size: auto 30%;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: transparent;
}
img {
  display: inline-block;
  vertical-align: middle;
}
dl,
ul {
  list-style-type: none;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus,
.el-select:hover .el-input__inner {
  border: 1px solid var(--text-green1);
}
.el-input__inner:focus,
.el-input__inner:hover {
  border: 1px solid var(--text-green1) !important;
}
.el-select-dropdown__item.selected {
  color: var(--text-green1);
}
.el-input__inner {
  background: #17181b;
  border: 1px solid #17181b;
  color: var(--text);
}
.el-input__inner ::-moz-placeholder {
  color: var(---text-1);
}
.el-input__inner ::placeholder {
  color: var(---text-1);
}
.text-grenn {
  color: var(--text-green);
}
.flex-center {
  display: flex;
  align-items: center;
}
.flex-top {
  display: flex;
  align-items: flex-start;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.jf-wid {
  width: 100%;
}
.jf-wid-14 {
  width: 100%;
  max-width: 14.2rem;
  padding: 0 0.2rem;
  margin: 0 auto;
}
.jf-page {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0;
}
.jf-page .el-pagination.is-background .el-pager li:not(.disabled).active {
  background: var(--theme1);
}
.jf-page .el-pagination.is-background .btn-next,
.jf-page .el-pagination.is-background .btn-prev,
.jf-page .el-pagination.is-background .el-pager li {
  background: var(--bg-3);
  color: var(--text);
}
.jf-page .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme1);
}
.jf-page .el-pagination.is-background .btn-next.disabled,
.jf-page .el-pagination.is-background .btn-next:disabled,
.jf-page .el-pagination.is-background .btn-prev.disabled,
.jf-page .el-pagination.is-background .btn-prev:disabled,
.jf-page .el-pagination.is-background .el-pager li.disabled {
  color: #606266;
}
.jf-title {
  font-size: 0.28rem;
  color: #fff;
}
.jf-help {
  padding: 0.2rem;
}
.jf-help-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.16rem;
}
.jf-help-title .left {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  cursor: pointer;
}
.jf-help-title .left .icon {
  font-size: 0.22rem;
}
.jf-help-title .right {
  font-size: 0.2rem;
  cursor: pointer;
}
.jf-help-main {
  margin-top: 0.3rem;
}
.jf-help-main .item {
  border-bottom: 0.01rem solid #3f3f3f;
  padding-bottom: 0.18rem;
  margin-bottom: 0.18rem;
  color: var(--text);
  line-height: 1.8;
  font-size: 0.14rem;
}
.jf-help-main .item h3 {
  font-size: 0.26rem;
  margin-bottom: 0.06rem;
  color: #fcde26;
}
.jf-help-main .item strong {
  font-size: 0.16rem;
  color: #fcde26;
}
.jf-help-main .item a {
  color: #009d81;
}
.jf-help-main .item ul {
  padding-left: 1em;
}
.jf-help-main .text-sec {
  font-size: 0.14rem;
  line-height: 1.8;
}
.btn-green {
  background: #009d81;
  color: #fff;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  width: 100%;
  cursor: pointer;
  border-radius: 0.02rem;
}
.jf-login-tip {
  color: #d4d9e6;
  text-align: center;
  font-size: 0.12rem;
  margin-top: 0.2rem;
}
.jf-login-tip .a-link-green {
  cursor: pointer;
}
.a-link-green {
  color: var(--text-green1);
}
.el-message-box {
  background: #24262b;
  border: none;
}
.el-message-box__header {
  background: #17191b;
  padding: 12px;
}
.el-message-box__title {
  color: var(--text);
  font-size: 0.15rem;
}
.el-message-box__headerbtn {
  top: 50%;
  transform: translateY(-50%);
}
.el-message-box__message ul {
  background: none !important;
  color: var(--text-1) !important;
}
.el-button--primary {
  background: var(--text-green2) !important;
  border: 1px solid var(--text-green2) !important;
}
.el-button--primary:focus,
.el-button--primary:hover {
  background: var(--text-green3);
  border: 1px solid var(--text-green3) !important;
  color: var(--text) !important;
}
.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--text-green2);
}
.el-button {
  background: #383a42;
  color: var(--text);
  border: 1px solid transparent;
}
.el-button:focus,
.el-button:hover {
  color: var(--text-green2);
  border: 1px solid #fff;
}
.input-style {
  font-family: PingFang SC;
  font-style: normal;
  font-size: 14px;
  line-height: 40px;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: #17181b;
  padding: 0 0.14rem;
  outline: none;
  color: #fff;
}
.input-style:focus {
  border: 1px solid var(--theme);
}
.el-radio__inner {
  background: none;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--theme);
  background: var(--theme);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--theme);
}
.el-input__inner:focus,
.el-input__inner:hover {
  border-color: var(--theme);
}
.el-date-editor .el-range-input {
  background: none;
}
.el-table {
  color: var(--text-1);
}
.el-table th.el-table__cell {
  background: #292c33;
}
.el-table tr {
  background: #31343b;
}
.el-table tr td {
  border-bottom: 1px solid #3d4045 !important;
}
.el-table__body tr:hover {
  color: #000;
}
.el-table,
.el-table__expanded-cell {
  background: none;
}
.el-table:before {
  display: none;
}
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: none;
}
.el-button--primary.is-plain {
  color: #fff;
}
.el-table thead {
  color: var(--text-1);
}
.el-table__empty-text {
  padding: 0.8rem 0;
}
.el-table__empty-text .no-data {
  width: 1.2rem;
}
.el-table__empty-text p {
  opacity: 0.3;
}
.el-table .el-table__cell {
  padding: 16px 0;
}
.egame-page {
  padding: 20px 0;
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: #272b32;
  color: #fff;
}
.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
  color: #6d6f72;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--text-green2);
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #fff;
  background: var(--text-green2);
}
.jf-title-h1 {
  font-size: 16px;
  color: #fff;
  text-align: left;
  width: 100%;
  padding: 10px 0;
}
.jf-user-transaction {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #31343b;
  padding: 0.1rem 0.2rem;
}
.el-textarea__inner {
  background: #1a1c20;
  border: 1px solid #1a1c20;
  outline: none;
  resize: none;
  padding: 0.14rem;
  color: #fff;
}
.el-textarea__inner:focus {
  border: 1px solid var(--text-green1);
}
.el-textarea .el-input__count {
  background: none;
  bottom: 10px;
}
.pop-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 30;
}
.pop-box-main {
  background: #24262b;
  padding: 30px 40px;
  width: 700px;
}
.pop-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -30px -40px 30px;
  background: #17191b;
  padding: 10px;
}
.pop-box-title .text {
  font-size: 16px;
  color: #fff;
}
.pop-box-title .el-icon-close {
  cursor: pointer;
  font-size: 20px;
}
.pop-box-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-box-link .link {
  margin: 20px auto 0;
  width: 100%;
  height: 44px;
}
.select-list ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.select-list ul li {
  width: 112px;
  height: 36px;
  border: 1px solid #41454f;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
}
.select-list ul li img {
  width: 20px;
  margin-right: 6px;
}
.select-list ul li.hover-target {
  border: 1px solid var(--text-green2);
}
.el-input.is-disabled .el-input__inner {
  background: #1a1c20;
  border: 1px solid #1a1c20;
  color: var(--text);
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  opacity: 0.5;
}
.el-message-box__message {
  color: var(--text-1);
}
.el-message {
  min-width: auto;
  background-color: #26282c !important;
  border-color: #3a3d43 !important;
}
.el-switch.is-checked .el-switch__core {
  border-color: var(--text-green2);
  background: var(--text-green2);
}
.introduce-card {
  overflow: initial !important;
}
.introduce-card .crad-main {
  position: relative;
  width: 100%;
  height: 100%;
}
.introduce-card .el-carousel__arrow {
  border-radius: 0;
  width: 40px;
  height: 54px;
  background: url(data:image/webp;base64,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)
    no-repeat 50%;
  background-size: auto 100%;
}
.introduce-card .el-carousel__arrow i {
  display: none;
}
.introduce-card .el-carousel__arrow--left {
  left: -96px;
  transform: rotate(-180deg) translateY(50%);
  transform-origin: center;
  display: inline-block !important;
}
.introduce-card .el-carousel__arrow--right {
  right: -96px;
  display: inline-block !important;
}
.introduce-card .el-carousel__item--card {
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.introduce-card .el-carousel__item--card.is-in-stage {
  opacity: 1;
  transform: translateX(0) scale(0.6) !important;
  transform-origin: left;
}
.introduce-card .el-carousel__item--card.is-in-stage.is-active {
  transform: translateX(130px) scale(1) !important;
}
.introduce-card .el-carousel__item--card.is-in-stage.is-active .card-item-box {
  opacity: 1;
}
.introduce-card .el-carousel__item--card.is-in-stage.is-active ~ .is-in-stage {
  transform: translateX(266px) scale(0.6) !important;
  transform-origin: right;
}
.introduce-card
  .el-carousel__item--card.is-in-stage.is-active
  ~ .is-in-stage
  ~ .card-item {
  transform: translateX(500px) scale(0.6) !important;
}
.introduce-card .el-carousel__item--card.is-in-stage .card-item-box {
  opacity: 0.4;
}
.introduce-card .el-carousel__item--card.is-in-stage .crad-main {
  z-index: 2;
  opacity: 0.4;
}
.introduce-card .el-carousel__item--card.is-in-stage .el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 1;
  border-radius: 1.5rem;
  opacity: 0.7;
  border-radius: 0.3rem;
}
.card-item {
  overflow: initial;
}
.loading[data-v-e2c1b9a4] {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading-box[data-v-e2c1b9a4] {
  background: #15191e;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.laoding-flash[data-v-e2c1b9a4] {
  position: relative;
  display: block;
  font-size: 0.24rem;
  animation: load-e2c1b9a4 1s linear infinite;
}
@keyframes load-e2c1b9a4 {
  0% {
    transform: rotate();
  }
  to {
    transform: rotate(1turn);
  }
}