:root {
  --primary-color: #452201;
  --secondary-color: #025573;
  --bg1: #022935;
  --bg2: #032734;
  --font-size-base: 16px;
}
html,
body {
  font-family: Roboto;
  font-size: 37.5px;
  color: #fff;
  color: #452201;
  font-stretch: 100%;
  font-weight: 500;
}
a {
  text-decoration: unset;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.btn {
  align-items: center;
  border-radius: 0.61333rem;
  color: #fff;
  display: flex;
  font-family: PingFang SC;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  height: 0.74667rem;
  justify-content: center;
  letter-spacing: 0.0256rem;
  line-height: 120%;
  text-align: center;
  text-shadow: 0 0.05333rem 0.05333rem rgba(164, 52, 52, 0.6);
  width: 1.81333rem;
}
.btn.pc {
  border: 0.02667rem solid #fff;
}
.header {
  align-items: center;
  display: flex;
  height: 1.49333rem;
  justify-content: space-between;
  left: 50%;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate(-50%);
  width: 100%;
  z-index: 100;
  font-size: 37.5px;
  height: 56px;
}
.header .logo {
  display: block;
  height: 80%;
  margin-left: 0.10667rem;
  width: auto;
}
.header .logo img {
  /* height: 100%; */
  width: auto;
}
.header .van-popover__wrapper {
  display: inline-block;
}
.header .login {
  background: linear-gradient(180deg, #dc4d1f, #ee7210);
  box-shadow: inset 0 0 0.21333rem #ec5122, inset 0 -0.10667rem 0.10667rem #ffddcf, inset 0 0.10667rem 0.10667rem #ffffff40, 0 0.02667rem 0.02667rem #00000080;
  margin-left: 0.16rem;
  width: 3.4rem;
}
.header .login:hover {
  color: #fff;
}
.header .regist {
  background: linear-gradient(180deg, #efb42f, #ff8f02);
  box-shadow: inset 0 0 0.21333rem #ece322, inset 0 -0.10667rem 0.10667rem #fff, inset 0 0.10667rem 0.10667rem #ffffff40, 0 0.02667rem 0.02667rem #00000080;
  margin-left: 0.21333rem;
  margin-right: 0.10667rem;
  width: 3rem;
}
.header .regist:hover {
  color: #fff;
}
.header img[alt="en"] {
  transform: scale(1.07);
}
.header img {
  display: block;
  height: 0.64rem;
  width: 0.64rem;
}
.pc {
  background: #f56434;
}
.banner-game {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  padding-top: 1.81333rem;
}
.banner-game .banner-container,
.banner-game .swiper-container {
  flex: 1 1 0%;
  max-width: 980px;
  top: -7px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.banner-game .swiper-item {
  background-position: 50%;
  background-size: cover;
  padding-bottom: 45.5%;
  position: relative;
}
.banner-game .swiper-item img {
  position: absolute;
  object-fit: cover;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
}
.banner-game .swiper-item.pointer {
  cursor: pointer;
}
.banner-game .swiper-mask {
  background: linear-gradient(180deg, #fff7e800, #fff7e8 50%);
  bottom: -0.4rem;
  height: 1.17333rem;
  width: 100%;
  z-index: 0;
}
.group-game-container {
  overflow: hidden;
}
.group-game-container .swiper-3d {
  perspective: 32rem;
}
.group-game-container .game-group-container {
  align-items: center;
  background: #172929;
  border: 0.18667rem solid #328178;
  border-radius: 1.33333rem;
  border-radius: 1.17333rem;
  box-shadow: 0 0.10667rem 0.10667rem #00000040;
  display: flex;
  justify-content: center;
  margin: 1.28rem auto 0.21333rem;
  opacity: 0.72;
  padding: 0.72rem 0 0.42667rem;
  position: relative;
  width: 9.17333rem;
  z-index: -1;
}
.group-game-container .group-title {
  background-image: url(../images/bg_lobbypoptitle.png);
  background-size: 100% 100%;
  height: 2.08rem;
  left: 50%;
  position: absolute;
  top: -1.41333rem;
  transform: translate(-50%);
  width: 9.17333rem;
}
.group-game-container .title-text-box {
  letter-spacing: 0.02667rem;
  margin-top: 0.42667rem;
}
.group-game-container .game-count,
.group-game-container .title-text-box {
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}
.group-game-container .game-count {
  background: linear-gradient(180deg, #0d47ff, #3088ec);
  border-radius: 0.28rem;
  box-shadow: inset 0 0.04rem 0.02667rem #ffffff80, inset 0 -0.10667rem 0.10667rem #63c8ff40;
  color: #fff;
  font-family: FZLanTingHei-DB-GBK;
  font-size: 0.26667rem;
  text-shadow: 0 0.02667rem 0.02667rem rgba(0, 0, 0, 0.4);
}
.group-game-container .game-card {
  cursor: pointer;
}
.group-game-container .tallcard-box {
  flex: 0 0 2.42667rem;
  width: 2.42667rem;
}
.group-game-container .tallcard-box .game-card {
  height: 5.30667rem;
  position: relative;
  z-index: 2;
  display: inherit;
}
.group-game-container .tallcard-box .game-count {
  align-items: flex-end;
  display: flex;
  height: 0.93333rem;
  justify-content: center;
  margin: -0.53333rem auto 0;
  padding-bottom: 0.05333rem;
  width: 2.37333rem;
  display: none;
}
.group-game-container .smallcard-box {
  display: grid;
  gap: 0.10667rem;
  grid-template-columns: repeat(2, 2.8rem);
  grid-template-rows: repeat(2, 2.8rem);
  margin-left: 0.21333rem;
}
.group-game-container .smallcard-box .game-count {
  bottom: 0;
  line-height: 0.56rem;
  padding: 0 0.29333rem;
  position: absolute;
  right: 0.02667rem;
}
.group-game-container .smallcard-box .game-card {
  height: 2.8rem;
  width: 2.8rem;
}
.group-game-container .small-game-box {
  position: relative;
}
.group-game-container .arc-text {
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
.group-game-container .maintain {
  opacity: 0.48;
}
.group-game-container .game-card-img {
  height: 100%;
  padding: 5%;
  position: relative;
  width: 100%;
}
.group-game-container .game-card-img .banner {
  padding: 1.5%;
}
.group-game-container .game-card-img .game-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 0.21333rem;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.group-game-container .game-card-img .game-img.rec {
  background-size: cover;
}
.group-game-container .game-card-img .layer-img {
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.collection-pc {
  display: flex;
  justify-content: center;
  background: unset;
}
.collection-container .collection-wrap {
  margin: 0 1.28rem;
  background-image: url(../images/panda/roll_bg.png);
  background-size: 100%;
  height: 6.37333rem;
  margin: 0 auto;
  position: relative;
  width: 9.25333rem;
}
.collection-container .collection-wrap .bar {
  background-image: url(../images/panda/roll_bar.png);
  background-size: 100%;
  bottom: -0.18667rem;
  height: 6.02667rem;
  pointer-events: none;
  position: absolute;
  width: 1.81333rem;
  z-index: 2;
}
.collection-container .collection-wrap .left {
  left: -0.18667rem;
}
.collection-container .collection-wrap .right {
  right: -0.18667rem;
  transform: rotateY(180deg);
}
.collection-container .collection-wrap .arc-text {
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
.collection-container .collection-title {
  height: 1.33333rem;
  overflow: hidden;
  padding-top: 0.13333rem;
  position: relative;
}
.collection-container .collection-games {
  margin: 0 0.53333rem;
  overflow: hidden;
  padding-top: 0.26667rem;
}
.collection-container .game-card-box {
  height: 4rem;
  width: 2.93333rem;
}
.collection-container .game-card {
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.collection-container .collection-swiper {
  overflow: visible;
}
.collection-container .collection-swiper .swiper-slide-active .game-card {
  transform: translateY(-0.26667rem);
}
.collection-container .game-card-img {
  height: 100%;
  padding: 5%;
  position: relative;
  width: 100%;
}
.collection-container .game-card-img .game-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 0.21333rem;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.collection-container .game-card-img .game-img.rec {
  background-size: cover;
}
.collection-container .game-card-img .layer-img {
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.channel-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: -0.29333rem;
  position: sticky;
  top: 1.49333rem;
  z-index: 110;
}
.channel-container-pc {
  margin: 0 auto;
  padding: 0.16rem 0 0.32rem;
  top: 1.81333rem;
  transform: scale(1.3);
  transform-origin: top;
  width: -moz-fit-content;
  width: fit-content;
}
.channel-bar {
  align-items: center;
  background: #fff;
  border-radius: 0.53333rem;
  border-radius: 20px;
  box-shadow: 0 0.10667rem 0.24267rem #57381e40, inset 0 -0.10667rem 0.05333rem #00000014;
  display: flex;
  height: 1.06667rem;
  justify-content: space-between;
  max-width: 9.22667rem;
  min-width: 6.24rem;
  overflow: hidden;
}
.channel-bar-pc {
  max-width: 17.06667rem;
}
@keyframes slide-right-790e0883 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(0.10667rem);
  }
}
.channel-wrap {
  flex: 1;
  height: 2.13333rem;
  overflow: hidden;
  position: relative;
  top: -0.01333rem;
}
.channel-wrap.show-slide {
  padding-right: 0.50667rem;
  padding-left: 0.50667rem;
}
.channel-wrap.show-slide:last-child {
  margin-right: 0.10667rem;
}
.slide-arrow {
  animation: slide-right-790e0883 0.7s ease-in-out infinite alternate;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAANlBMVEUAAABgOBBgOBBeNg9dNg5gNRBeNw9dNg9eNg9cNg9cNhBfNw5eOA1aOhBdNxBcNhBcOBBdNg/L82oEAAAAEXRSTlMAIBDvfzDf38/PoJ9fMHBQQM/3kDgAAACBSURBVEjH7dU5DoAwEENRCGEPi+9/WWjASM5IUAVBUnr+q1P8+LnYWNq9byPHuvJmD6gIALzZg4I9hfYUHC0xAyoWwBSui4nh5WJ+LEIWt8X6VFRTCuH649ZcwHiCOve5T9gXIdYv2vN59jKylyN7juxVsOfIXsXe68j+9rf70bcBRM4pWZlbMJQAAAAASUVORK5CYII=);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 0.32rem;
  height: 0.48rem;
  margin-top: -0.26667rem;
  position: absolute;
  right: -0.16rem;
  top: 50%;
  width: 0.64rem;
}
.slide-arrow-prev {
  right: unset;
  left: 0.16rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADZQTFRFAAAAYDgQYDgQXTYOXjYPYDUQXTYPXTYPXjgNXDYQXTcQXDYQXjYPXDgQWjoQXzcOXjcPXDYPNFqCHAAAABJ0Uk5TACAQf+8w3/9fUHCgz0Awn9/PB5cDtwAAAP1JREFUeJzd1dsOgjAQRVFGICEk6v9/JjEiUaH2Qu+tnHkz8lj2UiAwpYZ50L8CEoXF01YFLdEr/5F+XSug7eTykvXUvNciUH0mVN9okQHTm5NJrxdTYHt5k4+sl6dnqvXdvdD380bMPr4koI/AuB73IRgE0AcA6z0AewfQ3gK43wHeG3B+wr0Gl7mFewVYvQS8XoJeWDBMfvlqX+5xSgFTqH9mCX2pHGHujSH2h4EL9/RQ4V5vVPgPCBTBJ4qJcAhAIhoziIgHGSCSUXks0mHsRTiMnaAlG/dWxON+F4Vxb0XUW1HcUIxIeiMqW5YSIu2VuNU2Rf62+/X4QfAB3OqpMs2k02MAAAAASUVORK5CYII=);
}
.channels {
  display: flex;
  height: 100%;
  overflow-x: auto;
  padding: 0 0.16rem;
  white-space: nowrap;
}
.channels,
.link,
.s-link {
  align-items: center;
}
button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}
.link,
.s-link {
  color: #5d360f;
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  font-family: FZLanTingHei-B-GBK;
  font-size: 0.38rem;
  font-style: normal;
  justify-content: center;
  padding: 0 0.1rem;
  text-decoration: none;
  font-weight: 700;
}
.link img,
.s-link img {
  width: 50px;
}
.link.active,
.s-link.active {
  background: linear-gradient(90deg, #4dbeff, #1441ff);
  border-radius: 2.66667rem;
  box-shadow: inset 0 -0.05333rem 0.02667rem #99fffa40;
  color: #fff;
  min-width: 1.28rem;
  text-shadow: 0 0.02667rem 0.02667rem rgba(0, 0, 0, 0.4);
}
.s-link-img {
  height: 1.1rem;
  width: 50px;
  position: relative;
}
.s-link-img img {
  width: calc(100% - 0.3rem);
  position: absolute;
  height: 100%;
  object-fit: contain;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
}
.side-btn {
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  border-radius: 0 0.42667rem 0.42667rem 0;
  box-shadow: 0 0.21333rem 0.42667rem #45220152, inset -0.05333rem -0.10667rem 0.05333rem #7f3f0229, inset 0 0.05333rem 0.02667rem #fafafa;
  color: #452201;
  font-size: 0.32rem;
  height: 1.06667rem;
  line-height: 0.32rem;
  text-shadow: 0.02667rem 0.02667rem 0 #fff8e4;
}
.back-btn {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  left: 0;
  padding-right: 0.21333rem;
  position: fixed;
  top: 0.32rem;
  width: 1.70667rem;
  z-index: 860;
}
.arrow {
  font-weight: 700;
}
.van-list .game-list-container {
  display: grid;
  gap: 0.24rem;
  grid-template-columns: repeat(auto-fill, 2.8rem);
  grid-template-rows: repeat(auto-fill, 2.8rem);
  justify-content: center;
  margin: 0.64rem auto 0;
}
.van-list .game-list-container.large {
  gap: 0.21333rem;
  grid-template-columns: repeat(auto-fill, 9.22667rem);
  grid-template-rows: repeat(auto-fill, 4.61333rem);
}
.van-list .game-list-container .banner {
  padding: 1.5%;
}
.van-list .game-card-container {
  position: relative;
}
.van-list .game-card-container .game-card.big {
  grid-column: span 2;
  grid-row: span 2;
  transform: scale(2.0857);
  transform-origin: top left;
}
.van-list .game-card-container .game-card {
  cursor: pointer;
  height: 2.8rem;
  width: 2.8rem;
}
.van-list .game-card-container .game-card-img {
  height: 100%;
  padding: 5%;
  position: relative;
  width: 100%;
}
.van-list .game-card-container .game-card-img .game-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 0.21333rem;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.van-list .game-card-container .game-card-img .layer-img {
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.van-list .game-card-container .game-card-img .fav {
  background-image: url(../images/panda/favorite.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.88rem;
  position: absolute;
  right: -0.08rem;
  top: -0.13333rem;
  width: 0.85333rem;
}
.van-list .game-card-container .game-card-img .conner {
  position: absolute;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.85333rem;
  left: -0.21333rem;
  top: -0.10667rem;
  width: 0.85333rem;
}
.van-list .game-card-container .banner {
  padding: 1.5%;
}
.van-list .game-list-container-pc {
  gap: 0.72rem;
  grid-template-columns: repeat(auto-fill, 5.6rem);
  grid-template-rows: repeat(auto-fill, 5.6rem);
  width: 37.33333rem;
}
.van-list .game-list-container-pc .game-card {
  height: 5.6rem;
  width: 5.6rem;
}
.van-list .game-list-container-pc .big {
  transform: scale(2.12857);
  grid-column: span 2;
  grid-row: span 2;
  transform: scale(2.0857);
  transform-origin: top left;
}
.van-list .game-list-container-pc.large {
  gap: 0.64rem;
}
.van-list .game-list-container-pc.large .game-card {
  height: 4.61333rem;
  width: 9.22667rem;
}
.provider-channel {
  display: none;
}
.provider-channel-active {
  display: flex;
}
.menu-container {
  background-image: url(../images/panda/bg_menu.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  left: 0;
  padding-bottom: 32.177777%;
  pointer-events: none;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 200;
}
.menu-container-pc {
  background-image: url(../images/panda/bg_menu_pc.png);
  background-size: auto 100%;
  height: 4.26667rem;
  padding-bottom: 0;
}
.menu-container-pc .menu-box {
  height: 2.66667rem;
  padding-bottom: 0;
}
.menu-container-pc .menu-btn {
  margin-bottom: 0.26667rem;
}
.menu-container-pc .menu-btn.bill {
  height: 4rem;
  width: 3.46667rem;
}
.menu-container-pc .menu-icon {
  height: 1.38667rem;
  width: 1.38667rem;
}
.menu-container-pc .menu-text {
  font-size: 0.4rem;
}
.menu-box {
  padding-bottom: 21%;
  pointer-events: auto;
}
.menu-box,
.menu-list {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.menu-list {
  align-items: flex-end;
  display: flex;
  justify-content: space-around;
  top: 0;
}
.menu-btn {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 0.37333rem;
  position: relative;
  width: 1.70667rem;
  white-space: nowrap;
}
.menu-btn.bill {
  height: 100%;
  width: 20%;
}
.menu-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0.74667rem;
  width: 0.74667rem;
}
.menu-icon.activity {
  background-image: url(../images/panda/icon_menu_activity.png);
}
.menu-icon.rank {
  background-image: url(../images/panda/icon_menu_rank.png);
}
.menu-icon.bill {
  height: 2.13333rem;
  width: 2.13333rem;
}
.menu-icon.alert {
  background-image: url(../images/panda/icon_menu_alert.png);
  margin-bottom: 0.26667rem;
}
.menu-icon.person {
  background-image: url(../images/panda/icon_menu_person.png);
}
.menu-text {
  color: #fff;
  font-family: PingFang TC;
  font-size: 0.29333rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 0.10667rem;
  text-align: center;
}
.stroke {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  user-select: none;
  white-space: nowrap;
}
.popup-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  animation: popup-zoomIn-101c2395 0.5s;
  max-height: 20.26667rem;
  position: relative;
}
.popup {
  -o-border-image: url(../images/panda/bg_pop.png) 90 14 160 stretch;
  border-image: url(../images/panda/bg_pop.png) 90 14 160 fill stretch;
  border-image-width: 0.58667rem 0.37333rem 0.90667rem 0.37333rem;
  border-radius: 0.64rem;
  border-style: solid;
  border-width: 0.32rem 0.61333rem 0.96rem 0.64rem;
  flex: 1;
  margin-top: 3.73333rem;
  overflow: hidden;
  position: relative;
  width: 9.52rem;
}
.p-header {
  align-items: center;
  background-image: url(../images/panda/bg_pop_head_1.png);
  background-position: top;
  background-size: 100%;
  border-radius: 0.42667rem;
  display: flex;
  flex-direction: row;
  font-size: 0.37333rem;
  font-stretch: 90%;
  font-weight: 800;
  height: 5.92rem;
  justify-content: center;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: -0.32rem;
  transform: translate(-50%);
  width: 9.33333rem;
  z-index: 1;
}
.p-header.game-start {
  background-image: url(../images/panda/bg_pop_head_2.png);
}
.p-header.game-start .header-box {
  top: 1.17333rem;
}
.header-box {
  align-items: center;
  display: flex;
  height: 0.93333rem;
  justify-content: center;
  position: relative;
  top: 0.85333rem;
  width: 4.8rem;
}
.tab-btn {
  border-radius: 2.66667rem;
  color: #fff;
  flex: 1;
  font-family: FZLanTingHei-B-GBK;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01333rem;
  line-height: 1;
  padding-bottom: 0.13333rem;
  padding-top: 0.13333rem;
  text-shadow: 0 0.02667rem 0 rgba(0, 0, 0, 0.25);
}
.tab-btn.l1 {
  font-size: 0.42667rem;
}
.tab-btn.l2 {
  font-size: 0.37333rem;
  margin: 0 0.32rem;
  white-space: nowrap;
}
.tab-btn.active {
  -webkit-backdrop-filter: blur(0.05333rem);
  backdrop-filter: blur(0.05333rem);
  background-color: #45220129;
  box-shadow: 0.08rem 0.21333rem 0.42667rem #fff8e429, 0.02667rem 0.02667rem 0.05333rem #fff8e452, inset 0.02667rem 0.05333rem 0.10667rem #4522013d;
  color: #f5ff3a;
}
.p-content {
  border-radius: 0.32rem;
  height: 100%;
  overflow-y: auto;
}
.close-footer {
  animation: fadeInUp-101c2395 1s;
  display: flex;
  justify-content: center;
  padding: 0.32rem 0;
  width: 100%;
}
.btn-close {
  background-image: url(../images/panda/btn_close.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.49333rem;
  width: 1.49333rem;
}
.input-container {
  align-items: center;
  display: flex;
}
.label {
  font-size: 0.32rem;
  font-weight: 400;
  margin-right: 0.16rem;
}
.input-wrap {
  background: #fcf1df;
  border-radius: 0.21333rem;
  box-shadow: 0 0.05333rem 0.10667rem #00000014, inset 0 -0.05333rem 0.10667rem #261d051f, inset 0 0.02667rem 0.05333rem #fff;
  flex: 1;
  height: 1.17333rem;
  overflow: hidden;
}
.icon,
.input-wrap {
  align-items: center;
  display: flex;
}
.icon {
  background-image: url(data:image/png;base64,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);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 1.06667rem;
  height: 100%;
  justify-content: center;
  width: 1.06667rem;
}
.icon img {
  display: block;
  height: 0.53333rem;
  width: 0.53333rem;
}
.prepend {
  align-items: center;
  display: flex;
}
.el-input__inner {
  background: none;
  border: none;
  color: #b97531;
  flex: 1;
  font-family: FZLanTingHei-DB-GBK;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  outline: none;
  padding: 0 0.32rem;
}
.eye-box {
  align-items: center;
  display: flex;
  padding-right: 0.32rem;
}
.popup-account-container {
  display: flex;
  justify-content: center;
  padding: 1.70667rem 0 0.64rem;
}
.popup-account-container .form {
  width: 80%;
  display: none;
}
.popup-account-container .input-select {
  background: none;
  border: none;
  color: #452201;
  outline: none;
}
.popup-reset-password-container {
  display: flex;
  justify-content: center;
  padding-top: 1.70667rem;
}
.form .input-container + .input-container {
  margin-top: 0.53333rem;
}
.submit {
  display: flex;
  justify-content: center;
  margin-top: 0.85333rem;
}
.forget {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.26667rem;
}
.forget button {
  font-size: 0.32rem;
  text-decoration: underline;
}
.submit {
  display: flex;
  justify-content: center;
  margin-top: 0.96rem;
}
.checkbox-container {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 0.32rem;
  font-weight: 400;
}
.checkbox-container a {
  color: #76351e;
}
.checkbox-container.small {
  font-size: 0.26667rem;
}
.checkbox-container.small .checkbox {
  border-radius: 0.08rem;
  height: 0.32rem;
  width: 0.32rem;
}
.checkbox-container.default {
  font-size: 0.32rem;
}
.checkbox-container.default .checkbox {
  border-radius: 0.10667rem;
  height: 0.37333rem;
  width: 0.37333rem;
}
.checkbox-container.large {
  font-size: 0.37333rem;
}
.checkbox-container.large .checkbox {
  border-radius: 0.10667rem;
  height: 0.42667rem;
  width: 0.42667rem;
}
.checkbox {
  background-color: #fff2e8;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0.42667rem 0.42667rem;
  border: 0.02667rem solid #cfc2c3;
  border-radius: 0.10667rem;
  display: inline-block;
  height: 0.37333rem;
  margin-right: 0.05333rem;
  width: 0.37333rem;
}
.checkbox.checked {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACABAMAAAAxEHz4AAAAD1BMVEUAAABGIgJFIQFEJABFIgFLl8ShAAAABHRSTlMAgL9ARyeO/QAAAPpJREFUaN7t1ctxwkAQBuFlcADYcgJ2KQBRRQKSJv+Y4EL1wo3eG0yf9fgu+2+rqqqqqurj+563qQ10yFunwfdzbbrfTAgakLkPAnLVgHsacG8UkMsgIEcB2yhgcwDaHYBOg4C1AAV4c8Dh53+yAG4dB+DJbdGAI2PhAF8srgK0OSEIAB/IxQEak+kAx+7eUYCWENwpSFoMoP/bbgDt0hME4PHuUjsw9wSzA9ETBOCJ8Ax4mSAAj4TzywAIBEAQ1BSHBUBwAAoLgOAAFBYAwQEoLACCA1BYAAQHoNAACABUYQEQALgCgCUAcAUA2QWA7Pw3taqqqqqqPrIrR9v7s3MflzUAAAAASUVORK5CYII=);
}
input[type=checkbox] {
  display: none;
}
.popup-account-container {
  display: flex;
  justify-content: center;
  padding: 1.70667rem 0 0.64rem;
}
.custom-button {
  align-items: center;
  border-radius: 2.66667rem;
  color: #fff;
  display: flex;
  font-family: FZLanTingHei-H-GBK;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0.06021rem;
}
.custom-button.default {
  -o-border-image: url(../images/panda/bg_btn.png) 4 20 stretch;
  border-image: url(../images/panda/bg_btn.png) 4 20 fill stretch;
  border-image-width: 0.10667rem;
  border-style: solid;
  border-width: 0.26667rem;
  font-size: 0.42667rem;
  height: 1.46667rem;
  min-width: 2.93333rem;
  padding: 0 0.48rem;
  background: unset;
}
.custom-button.small {
  background: linear-gradient(180deg, #83e146, #5bb421);
  border: 0.05333rem solid #fff;
  font-size: 0.29333rem;
  height: 0.8rem;
  padding: 0 0.32rem;
}
.custom-button[disabled] {
  filter: grayscale(1);
}
.stroke-text-container {
  display: inline-block;
  position: relative;
}
.stroke-text-container .stroke {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.stroke-text-container .fill {
  position: relative;
}
.balance-info-box {
  align-items: center;
  background: linear-gradient(90deg, #ffb30d, #f20);
  border: 0.01333rem solid #fff;
  border-radius: 0.69333rem;
  box-shadow: inset 0 0.10667rem 0.10667rem #fffca166, inset 0 -0.04rem 0.11467rem #841d00cc;
  display: flex;
  height: 0.69333rem;
  margin-left: 0.10667rem;
  margin-right: 0.10667rem;
  padding: 0rem 0.05333rem;
  position: relative;
  z-index: 2;
}
.icon-coin {
  background-image: url(../images/panda/icon_coin.png);
  background-position: 43% 57%;
  background-size: 187% 133%;
  height: 0.53333rem;
  position: relative;
  width: 0.53333rem;
  z-index: 2;
}
.balance {
  color: #fff;
  font-family: FZLanTingHei-B-GBK;
  font-size: 0.39333rem;
  font-style: normal;
  font-weight: 400;
  padding: 0 0.08rem;
  text-shadow: 0 0.02667rem 0.02667rem rgba(0, 0, 0, 0.25);
}
.refresh {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAACLCAMAAAAAnWaaAAACK1BMVEUAAADOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhXOZhX////OZhX20Gzjexbspirury3rnijsoynplSXtpyvroSnvsi7plybtqSvtqyzvti/qmyfqnCfwuC/pliXokSPqmSbvtS/usS3roCjtrCzurSzokiRfX1/wujDqmCbsoinvtC/vtC7pkyTwuzHwuTDjfBfojyLkfhj2zmjkfxn317ndhh/RahbX19f1yl7zxlz43r3ceBjXcRf43731zWTywEPfexn1y2HywVbzxU/loDvlliTnjSDnih/YfB7++vLlghnTbRfxvDnmhRvTbhf76cvwtjPonSfVcxmwr6/0x1ODb1HwtzrimjbjkiPcgR7ScRxpaWlnYlzvulHsskjoqkLRcCTgjCHXdxr316X20JXtqWOkfUPahingfBn29vb89vH02sXkqXzplzTgjzDikCP57eP88dn88Nj35dXDw8P327v317CWlpb1zYmHh4fxuV+TdUrwuEfyvj3urzjimTbtpzXusDLhmCvs7Oz99eX99OX77df547L31pbzwov1zn3zxHn0ynDxuXDzw27goG3yvV95alXzxEuceUbXg0G0hz7Zki3jnyz55b25ubnw0LftxqjyxGLdll7qnlPwtFHtp0u+hjfUeTLRkTHlhirbiCnSchz++/Pi4uKlpaXns4rgunRzc3N4aVTajFDjnjjIkDbHijThlipBdfdkAAAAEHRSTlMAwPCAMKAQIGDQQHBQ4LCQ6K/pCQAACB9JREFUeNrtnHe70jAYxQtFBLlgX+vee9ZtFb2IgoLgBUTAed1777333nvvvbd+PJPSGhVDUJ+U6tPfXxeepD2nOW+SUqtgY2NjY2Nj87/hauQS/kVcNWLA4QQDpyMg1jQU/hFcvoATfoUz4LO+CVdjP2g8n7lgwSiDBQtmPgcNf2MrR8rt8QLixcz5o5qUMmr+zBeA8HrcgiVxizg5mYVIPJVRCzM4S6IFLRTlz0w0YZGYaUkLPiR/zsKxTSph7MI5yIJPsBAunP0FwSaVElyIa8E65Szi8Px89cPh6cnklVgsdiWZnB4O/zwKOEiiYAkaegEyo37QnozlBv9MLpb8wcWoDIDXCutCjRNg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);
  background-position: 39% 28%;
  background-size: 193% 139%;
  height: 0.53333rem;
  width: 0.53333rem;
}
.popup-reward {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
}
.popup-reward .el-dialog {
  height: 100vh !important;
  background: transparent;
  box-sizing: border-box;
  margin: auto !important;
  overflow-wrap: break-word;
  padding: 0;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.popup-reward .el-dialog .el-dialog__body {
  padding: 0px;
}
.popup-reward .el-dialog .el-dialog__body .popup-content-right {
  height: 600px;
}
.popup-reward .el-dialog .el-dialog__body .el-carousel__container {
  height: 600px !important;
}
.popup-reward .el-dialog .popup-content {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
}
.popup-reward .el-dialog .tab-content {
  display: none;
}
.popup-reward .popup-upcoming-activities-container {
  padding: 0.85333rem 0.50667rem 0;
}
.popup-reward ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.popup-reward .active-list .active-card {
  background-image: linear-gradient(#ffe9d0, #a26009);
  border-radius: 0.21333rem;
  margin-bottom: 0.42667rem;
  overflow: hidden;
  padding: 0.05333rem;
  position: relative;
}
.popup-reward .active-list .active-card .active-img {
  border-radius: 0.21333rem;
  display: block;
  width: 100%;
}
.popup-reward .active-list .active-card .text {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
  bottom: 0;
  color: #fff;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  height: 2.13333rem;
  left: 0;
  letter-spacing: -0.01333rem;
  line-height: 0.53333rem;
  padding: 0.58667rem 0.42667rem 0;
  position: absolute;
  right: 0;
  text-shadow: 0 0.05333rem 0.05333rem rgba(0, 0, 0, 0.5);
}
.popup-reward .active-list .active-card .text .title {
  font-size: 0.42667rem;
}
.popup-reward .active-list .active-card .text .title2 {
  font-size: 0.29333rem;
}
.popup-reward .popup-upcoming-announce-container {
  align-items: stretch;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 0.64rem 0.18667rem 0;
}
.popup-reward .popup-upcoming-announce-container .menu-l {
  flex: 0 0 1.84rem;
  font-size: 0.32rem;
  overflow-y: auto;
  width: 1.84rem;
  -webkit-overflow-scrolling: touch;
  margin-top: 0.48rem;
}
.popup-reward .popup-upcoming-announce-container .r {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0.16rem;
}
.popup-reward .popup-upcoming-announce-container .r .r-box {
  background-image: url(../images/panda/bg_announce.png);
  background-size: 100% 100%;
  height: 8.37333rem;
  overflow: hidden;
  padding: 0.64rem;
}
.popup-reward .popup-upcoming-announce-container .r .r-text-box {
  height: 100%;
  overflow-y: auto;
  padding: 0.10667rem;
}
.popup-reward .popup-upcoming-announce-container .r .text {
  color: #401b14;
  font-family: FZLanTingHei-DB-GBK;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01333rem;
  line-height: 0.53333rem;
}
.popup-reward .popup-upcoming-announce-container .r h5 {
  color: #c06a30;
  font-size: 0.37333rem;
  margin-bottom: 0.32rem;
}
.popup-reward .popup-upcoming-announce-container .r p {
  margin-bottom: 0.10667rem;
  min-height: 0.10667rem;
  word-break: break-word;
}
.popup-reward .popup-upcoming-announce-container .r p + h5 {
  margin-top: 0.53333rem;
}
.popup-reward .popup-upcoming-maintain-container {
  padding: 1.12rem 0;
}
.popup-reward .popup-upcoming-maintain-container .maintain-list {
  display: grid;
  gap: 0.24rem 0.10667rem;
  grid-template-columns: repeat(2, 3.89333rem);
  justify-content: center;
}
.popup-reward .popup-upcoming-maintain-container .maintain-list .maintain-item {
  align-items: center;
  background: #3300004d;
  border-radius: 0.4rem;
  box-shadow: inset 0 0.10667rem 0.10667rem #550c0c40;
  display: flex;
  height: 1.81333rem;
  padding: 0.26667rem;
  width: 3.89333rem;
}
.popup-reward .popup-upcoming-maintain-container .maintain-list .maintain-item .icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 1.28rem;
  height: 1.28rem;
  width: 1.28rem;
}
.popup-reward .popup-upcoming-maintain-container .maintain-list .maintain-item .text {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1;
  font-size: 0.26667rem;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0.01333rem;
  line-height: 140%;
  text-align: center;
  white-space: pre-line;
}
.popup-reward .p-content .active {
  display: block;
}
.popup-form-res {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup-form-res .popup-form-res-item {
  position: relative;
  width: 100%;
  border: 0.078125vw solid #63c2fa;
  border-top: unset;
  border-radius: 0.364583vw;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 20px;
  padding: 0;
  height: 40px;
}
.popup-form-res .popup-form-res-item .error_text {
  color: red;
  position: absolute;
  bottom: -20px;
  right: 0px;
}
.popup-form-res .popup-form-res-item img {
  width: 1.041667vw;
  height: 1.041667vw;
  margin: 0px 10px;
}
.popup-form-res .popup-form-res-item legend {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 1px;
  margin: 0;
  line-height: 20px;
  align-content: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.364583vw;
  gap: 2px;
  font-size: 13px;
  font-weight: 700;
}
.popup-form-res .popup-form-res-item legend .popup-form-res-item-legend-left {
  left: 3px;
  height: 1px;
  border-top: 1px solid #63c2fa;
  width: 20px;
  position: relative;
  opacity: 0.9;
}
.popup-form-res .popup-form-res-item legend .popup-form-res-item-legend-right {
  height: 1px;
  border-top: 1px solid #63c2fa;
  width: 100%;
  position: relative;
  right: 3px;
  opacity: 0.9;
}
.popup-form-res .popup-form-res-item input {
  border: 0px;
  background: transparent;
  width: 100%;
  height: 40px;
}
.popup-form-res .popup-form-res-item input:focus-visible {
  outline: none;
  box-shadow: none;
}
.popup-form-res .popup-form-res-item1 {
  display: flex;
  justify-content: space-between;
  color: var(--primary-color);
  font-weight: 500;
}
.popup-form-res .popup-form-res-captcha {
  position: relative;
}
.popup-form-res .popup-form-res-captcha .error_text {
  color: red;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.popup-form-tab {
  gap: 20px;
  align-content: center;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-bottom: 15px;
}
.popup-form-tab .popup-form-tab-item {
  color: var(--primary-color);
  text-align: center;
  font-family: Roboto;
  font-size: 0.833333vw;
  font-weight: 600;
  line-height: 1.5625vw;
  text-transform: uppercase;
  cursor: pointer;
}
.popup-form-tab .active {
  font-family: Roboto;
  font-size: 1.041667vw;
  font-weight: 600;
  line-height: 1.5625vw;
  position: relative;
}
.popup-form-tab .active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #409eff;
  bottom: 0px;
}
.play-game-box {
  position: relative;
  padding-top: 55%;
}
.play-game-box iframe {
  position: absolute;
  padding-top: 50px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.marquee-box {
  left: 0;
  position: absolute;
  bottom: 0.32rem;
  padding: 0 0.32rem;
  right: 0;
  z-index: 1;
}
.marquee-box-swap {
  align-items: center;
  display: flex;
}
.marquee-box-swap .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAgL9ARyeO/QAAAPpJREFUSMfllVEOgyAMhsXtAOg4AJk7AJk7gGDvf6ZVqsFklP9hjzYRQT5/2kBLd1G7IWAE8yYxMzcAl/ihSRegDOiE2wHymsABUKgLFCAqAgzwazNbExBAiFgVEEB6oSYggBKIoQKY2hpOgDKoCAjw2Ef2V0AAN8lwOabez82oAFsAn+IE98UK4GUNFciecj+oAFlpdWBBQMxffRO4s44OJARwhD1S6P9aAju5ojA9AngXXty2NutGLYC1+9N2m4FtPAFJ/orqkbNddmHRDu3ciQseHfuAEgemHkxekP4rLCCoBMEiBsqgBYU0glI8tIv5YMF1gC6US9oXZpGXQbAy6q0AAAAASUVORK5CYII=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 0.42667rem;
  height: 0.42667rem;
  width: 0.42667rem;
}
.marquee-box-swap .marquee {
  position: relative;
  overflow: hidden;
}
.marquee-box-swap .js-marquee {
  display: flex;
  color: #fff8e4;
  font-size: 0.32rem;
  margin-left: 0.21333rem;
  text-shadow: 0.02667rem 0.02667rem 0 rgba(69, 34, 1, 0.48);
  white-space: nowrap;
}
.marquee-box-swap .js-marquee p {
  margin: 0px;
}
.home-view {
  background-color: #fff7e8;
  padding-bottom: 3.41333rem;
}
.el-dialog {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  background: unset;
  backdrop-filter: blur(0.13333rem);
  background-color: #45220129;
  left: 0;
  right: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 250;
}
.el-dialog__body {
  padding: 0px;
  margin: 0px;
  animation: popup-zoomIn-101c2395 0.5s;
  max-height: 20.26667rem;
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.popup-profile .p-header {
  align-items: center;
  background-image: url(../images/panda/bg_pop_head_1.png);
  background-position: top;
  background-size: 100%;
  border-radius: 0.42667rem;
  display: flex;
  flex-direction: row;
  font-size: 0.37333rem;
  font-stretch: 90%;
  font-weight: 800;
  height: 5.92rem;
  justify-content: center;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: -0.32rem;
  transform: translate(-50%);
  width: 9.33333rem;
  z-index: 1;
}
.popup-profile .p-header .tab-btn {
  border-radius: 2.66667rem;
  color: #fff;
  flex: 1;
  font-family: FZLanTingHei-B-GBK;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01333rem;
  line-height: 1;
  padding-bottom: 0.13333rem;
  padding-top: 0.13333rem;
  text-shadow: 0 0.02667rem 0 rgba(0, 0, 0, 0.25);
}
.popup-profile .p-header .tab-btn.l1 {
  font-size: 0.42667rem;
}
.popup-profile .popup-userinfo-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 1.17333rem 0.42667rem 0.42667rem;
}
.popup-profile .info-line {
  padding: 0 0.32rem;
  width: 100%;
}
.popup-profile .avatar-box,
.popup-profile .info-line {
  align-items: center;
  display: flex;
}
.popup-profile .avatar-box {
  flex-direction: column;
}
.popup-profile .avatar {
  border: 0.08rem solid #b97531;
  border-radius: 0.82667rem;
  box-shadow: inset 0 0.10667rem 0.10667rem #550c0c40;
  display: block;
  height: 1.65333rem;
  width: 1.65333rem;
}
.popup-profile .change-avatar {
  background: linear-gradient(180deg, #fff, #c8c8c8);
  border-radius: 0.50667rem;
  box-shadow: 0 0 0.16rem #00000057;
  box-shadow: 0 0.10667rem 0.10667rem #00000040;
  color: #76351e;
  font-family: FZLanTingHei-B-GBK;
  font-size: 0.26667rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.50667rem;
  margin-top: -0.18667rem;
  padding: 0 0.34667rem;
  text-align: center;
}
.popup-profile .info-box {
  flex: 1;
  margin-left: 0.56rem;
}
.popup-profile .info-box .info-text.bold {
  font-weight: 600;
}
.popup-profile .info-box .info-text {
  color: #76351e;
  font-family: FZLanTingHei-DB-GBK;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.popup-profile .info-box .info-text + .info-text {
  margin-top: 0.05333rem;
}
.popup-profile .property-line {
  background-color: #f1e0ff;
  border-radius: 0.21333rem;
  font-family: FZLanTingHei-DB-GBK;
  margin-top: 0.48rem;
  overflow: visible;
  padding: 1.38667rem 0.37333rem 0.37333rem;
  position: relative;
  width: 100%;
  align-items: center;
  display: flex;
}
.popup-profile .property-line .property-head {
  background: linear-gradient(180deg, #ff6523, #8d271b);
  border: 0.10667rem solid #f4f4f4;
  border-radius: 1.46667rem;
  box-shadow: inset 0 0.10667rem 0.10667rem #ffffff80, 0 0.10667rem 0.39467rem #00000040;
  color: #fff;
  font-size: 0.34667rem;
  font-style: normal;
  font-weight: 400;
  height: 1.17333rem;
  left: -0.10667rem;
  padding: 0 0.34667rem;
  position: absolute;
  right: -0.10667rem;
  top: -0.10667rem;
  align-items: center;
  display: flex;
}
.popup-profile .property-line .property-info {
  flex: 1;
}
.popup-profile .property-line .property-info .balance {
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: #76351e;
  font-size: 0.42667rem;
}
.popup-profile .property-line .property-info .income {
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.popup-profile .oper-line {
  display: flex;
  justify-content: space-between;
  margin-top: 0.34667rem;
  width: 100%;
}
.popup-profile .oper-line .oper-btn {
  align-items: center;
  background: #fff;
  border: 0.02667rem solid #d9704d;
  border-radius: 0.29333rem;
  box-shadow: 0 0.10667rem 0.10667rem #00000040;
  display: flex;
  flex-direction: column;
  height: 1.62667rem;
  justify-content: center;
  width: 1.62667rem;
}
.popup-profile .oper-line .oper-btn .icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.64rem;
  width: 0.64rem;
}
.popup-profile .oper-line .oper-btn .verify {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABhCAMAAAAeGlSvAAAAP1BMVEUAAAB4OCB2NR53Nh53NR59OCB2NB53NR94NiB2NR53Nh92NB92NB53NB52NR52NR52NR53NR52NSB2Nx52NR7g6EUOAAAAFHRSTlMAIICfYBDvv0Df33CQUM+voI8wcMIFjAcAAALiSURBVGje7Zdts+IgDIV5D5bW2pr//1t3R128cgaQgjM7uz7f7tDLCTkkRPHly5e/DmsWKT6GV8S/OW9ejMca7TjitBl6EBmIAQr7mND9duIMJ+17dw+r4xdc+vdqZIenacSzt8LPZ35y1HW7aAc5l9ETA9J6sU2eponQxqYRXKZMBBXQU1KZDOyBWl2XGjwMxaNLc4HDysLnDj2tAq67vAJhRuug6yRyxBjmxYpWfrhuc3FET5tA12VRQIoe/ncBHzQRbcuHBDzFAlF2vIBdX2pwHy0g0w5lBgvgq+aHCmx8g2Zj/hTsyXYK4Mr0CFrdFdRAAX3bP66Ye8ey4wRubXwRkRl87hPwaRO2ty/1MAEDKT/fpolhAgoScrndo2ECAQRWEOhP0Qwpoh4BXHDw5Tz4ml6TDLFvEMBVdJnN65+TGCdg3b05yJ/vgskmQeTId8nAd0jrM3P+AHtZ4BQ7AjBzQuxMWPOuLHAVGQXcH1mwwqF85sxicPyEMo+ywvqABrCKDDLOhuSLIWqRI0ADgLlFqVCaW8/QFjGDbEUb0MaX6vphfG10O4HLbahMgUCbPwoltwQw7eMvNgpTNUmJEn3xEVQi0PffCvudDSqLsZih6xsXecWpFMH5Ub/jIKW1tnARA78h3yoVlRiXZ8Fnr4JLxk47cYFJJr8gpnoxplOhnHWWWYrIVjoAPr/+UJHFE9WPQIdqgIN4g6l2nfNTwdTQc93elCAHDhSgWENFsBp1Uzj1z9Mb5GRbV2TV9M7UHcYh6NoUjxZVoHzfMm1/FLVtuxVvK3gXS6yF3RWzhM1wP/T81Z0O0LabFbZSbjcMo13hJLNOnRkuaAvm4YO7VuZtIw6yx3FaCkASM3StVmR8zlTihFUOHrUj2DnOD+Yle3HWuFjRh5meEri9C6IbeeEoscmYHPCm7xCRlTjiFjEKNTHgEt+784Tbj0WqCbYfjaGHtcGKDyEDrUqKL1/+MX4Bipd5ufDRnK8AAAAASUVORK5CYII=);
}
.popup-profile .oper-line .oper-btn .detail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABhCAMAAAAeGlSvAAAAQlBMVEUAAAB4OCB3NR93NR54NR14NCB3Nh52Nh59OSB2NB53Nh92NR52NR53NR52NR92NSB2NB13NR51NB53NR55NiB2NR4gbLiqAAAAFXRSTlMAIL/fYECfgBDv39/Pr28wUI+QkFBypTYtAAABsUlEQVRo3u2Z227DIAyGgXIwIcd1fv9XnRRS5SrF/BVTu/HdoviLwZAAqtP5aEiLAYJbf+MKRm+rwofI1SQvTmSODJFkWZBnGE+C+CO/wEg18eNNSKwwbHxgLNUUneGDTT3FcmZ0qhI9cGZVz0jnYFXjj1qicgKTymCGUExgIExAQ+5edYnjHasQzuevxy/kBBSMyX1UaJ9xQSgM4VjIUNhH6bKddzQu0HkFKAgUyBmhCz5GoLebEK8hQWIxCRE4rsABgrW1gCKLGQgZg2UQx1/AMtVC3nUedEEXdMFvCGi1IlaNCWxkKRYRaJYTqfUHxwKCpfUXTRkW47EqskbGFN51HnRBF3TBHxBQmIyMGRMYFmOab6GW1oLvxlso1m3/KqLFylQ7IfSm86ALLptJwVBBkF49FFwKp44jfvCbscfKdMXX0Q4z7QHul+3riwen+rEwXfBYfiZU4B+bhUIfoaMw844v5Agb7LmyFlPgAL8/30uXGJlUmYQzzKLrkyXyQZyClG06n9KSKwCcuAqm+8AwcRFeuYEYLS04SBFnJccaFgLcfWbIzcELCbMj1fm//AC9hLWD/4Y2yQAAAABJRU5ErkJggg==);
}
.popup-profile .oper-line .oper-btn .limit {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABhCAMAAAAeGlSvAAAAP1BMVEUAAAB3NR94NyB4OCB2NR52NR52NR53NR56MiB2NR53Nh92NR92NR54NiB3NR52NB91Mx52Nx52NCB2Nh12NR5JNDrNAAAAFHRSTlMAv0Ag3++AnxBg36/PMI9wkHBQUCdj/KwAAAH/SURBVGje7ZjbboMwEEQXGwOBkAvd///WRqbqoI5ak+36zecJRYomyixnLUuj0Wg0mHWVqlxUg9SkV+0nqcegLwapRkz6IkWpxaiZRSqxaqZez71+cZUqXPSbp1Qg9ghIGFXXhsFN3ImambtaPV81E4NmOgGeDY8iD81cxJVpb3iOr8eUH52VNBx+9l0zQ42Gj3Wk6D+iH5JBz/4N7ywYVVcJRWh779m54YE/cZXQLGCaPZU08pslAa24jCivMSjJteGQOcR2LiMKP2smPz6welwajj8DpuTT8w0NHwOgpJujhBBw7HkVM5BC5AAoyUtCCCAF2kHDHECrxy6hu1AAKcmjYQ6QmVaPbc1wgEvPGxqmABclQUIc4LB6+PDAAej56bBmKIBWj33NcADYDEpi33MA92xsuBywWkYVEioG4DRsWzPlAKwe01m3HICBNkmoHICe47sjupYDWEn2hjkAjO+Nav+rhLuMEBGrx3DW9f5OTGi4ACspGiVUJpy+iFnRcAGTkiAhox2vxRH9s62QEYJWT1FCPG/8HhiUxA2XA/igb/0jEWDuGVcqpgAoqSwhU0B59Uy0Zk66iE7DJ9eM/SxVWDNW+CLGLnVLz2jYDi5iPCTE8GmYG17CP1nQM0nIkzRRw86MNKLeBJpfR3hUk7rCL+zWebNs0mg0Gmf5BFtwbWNKAAmqAAAAAElFTkSuQmCC);
}
.popup-profile .oper-line .oper-btn .pwd {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABhCAMAAAAeGlSvAAAARVBMVEUAAAB3NR94NyB4OCB8OSB3Nh92NR52NB52NR53NR52NB52NR52NR52NR92NB96OiB3Nx52Nh12Nx51NSB3NSB2Mx52NR5B7qJwAAAAFnRSTlMAv0AgEN9g74CfkN/Pr3Awn1BwMG9QDQFf5gAAAhBJREFUaN7tmetuwjAMRt0kTXpvGVve/1GHIOgTFeDiONJgPb8mre1R4wuJSzs7NzhrTsyOSuCmpY+JYfSWdDlUcUXlSQ/fxzv0WopjFR/QqizUd4igwEt0Nw+sTgwxgoYyaeOV0BmXEsq0NQxKz6/MKu61iqFJDwkTgbXiKyM9r4V1N1vs1WBIiE3pP7oHxT2m0Lu8AAz0kFQhHYkw8UztnjSotEqygqs23HxMJS2KALKQzzMnjkDN3OqCuBh63Mm/Qi/ooRvD56Rhni4dYmsu+JcFI1ZoyxotwiQ1xPKDahTEeN6QzsIoxzPbr3xnQTgXZBkBErrRFwA/Lp7KCMAuINoFnyWYjTFT2haaV5hpA7YLUUxorfi4wbN5m1PS4KMCB+Z3Mpvg+PNAJYM9kVyuqC0JsTWzmQrYquTs+EOh6sUT/rVgRsPRFaBNoeHIBXybatQF6zbV6Av8quGoC/p1w9EVoE2h4WgK0KbQcFQFaFNoOKoC/At/a78BTsO2iGDA3Ka9RFtTgOFje/CYEakKTFxhFQV4BdAqVjKGW6B22oJUYBhDKgswH8EYUl/gaqyPvgAzpOipiAA1bAsJcMEu2AV/WdBjeqYuQCn7IgJMz8x7nw+yBNibiLEQMHsTAasdzfO9iRHh2a9ex6iCZb7t5tIS9+FNDv/dymYbBi4JmyxFaIjF/XRjJWLpvKPP4xcha6Zd/dj5wAAAAABJRU5ErkJggg==);
}
.popup-profile .oper-line .oper-btn .text {
  color: #000;
  font-size: 0.29333rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.37333rem;
  line-height: 120%;
  margin-top: 0.13333rem;
}
.popup-profile .btn-line {
  margin-top: 0.32rem;
}
.search-btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAPFBMVEUAAABdNg9gOBBdNg5dNQ9dOBBeNg9cNg9dNg9cNhBeNg9dNw9dNg9gQBBdNg9dNhBgMBBdNxBeNhBdNg9OCQ3YAAAAE3RSTlMA3yCf70CAcGAwz7+QELBQEL/PPAvdxAAAAVxJREFUSMfVVFuShCAMNAFBkIcO97/r7pYgGwg4NX/Tf8buokOaLF8AH7UTwqlo3mEbBemGDPGBvu6pAWwTOhL6s2STiYfwLF+lIQDnfPkSSrkTiGLMP1dPboxX6JuOtF76spSPuS51d3PlEEfKIfOZ2R4iK/7/22qNQZ7O3pf0wuLIrtaanzyfYWDaLrLLej+8KXkP/DoyTDJJPeH1OYulJJ7iJfATgSAeNDNKNghAYnSyTGqCnCemL/FDwUeWaEfzpi09DyeCQK71GEevMK7BKRqVfSzYmriq+s0DSpfUE4zCobr4hxJ4FpguYF9SLB+Y9+WIguUDcs82CWQWLhcdU+qwjda/6666SETelajp+hedokJaC/3yt55GGNITLLb3wULq2iE2tjhJ+CUZGCiwlciwltOrgmJ1r5sttO/8ArexzRq3aDzfoV3eBFrq6RmHZfhzCIY/h/rj/wBcfTWmVQI4eAAAAABJRU5ErkJggg==);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 0.32rem;
  flex: 0 0 0.85333rem;
  height: 0.85333rem;
  margin-right: 0.10667rem;
  position: relative;
  top: -0.05333rem;
  width: 0.85333rem;
}
.el-radio,
.el-radio__input {
  white-space: wrap;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #452201;
}
.swiper-slide-active .game-group {
  opacity: 1;
  z-index: 0;
}
.close-top {
  display: none;
}
.agency-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #fff;
  gap: 0.5rem;
}
.agency-list .agency-item {
  background: #3300004d;
  border-radius: 0.4rem;
  box-shadow: inset 0 0.10667rem 0.10667rem #550c0c40;
  padding: 0.5rem;
}
.agency-list .agency-item .text {
  display: flex;
  gap: 10px;
  flex-direction: column;
  font-size: 12px;
  color: #000;
}
.agency-list .agency-item .text .text-left {
  flex: 1;
}
.agency-list .agency-item .text .text-right {
  flex: 1;
  display: flex;
  gap: 5px;
  justify-content: right;
  align-content: center;
  align-items: center;
}
.agency-list .agency-item .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.agency-list .border-vip1 {
  padding: 20px;
  border: 3px solid #0ff;
  border-radius: 12px;
  font-size: 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px #0ff, 0 0 25px #0ff inset;
}
.agency-list .border-vip2 {
  padding: 20px;
  border: 3px solid #df1efb;
  border-radius: 12px;
  font-size: 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px #df1efb, 0 0 25px #df1efb inset;
}
.agency-list .border-vip3 {
  padding: 20px;
  border: 3px solid #ffe300;
  border-radius: 12px;
  font-size: 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px #ffe300, 0 0 25px #ffe300 inset;
}
.agency-list .channel-game .channel-bar {
  height: 1.56667rem;
}
.agency-list .channel-game .channel-bar .channel-wrap {
  height: 2.13333rem;
}
.active-list .agency-item {
  min-width: 5.5rem;
}
.active-list .agency-item .text {
  flex-direction: column;
}
.active-list .agency-item .text .title {
  padding-bottom: 0.2rem;
  gap: 0.3rem;
  justify-content: space-between;
}
.active-list .agency-item .text .title a {
  color: #666;
}
.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #f0b31b;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.channel-game {
  margin-top: 0.29333rem;
}
.pagination {
  margin-top: 1rem;
}
.pagination ul {
  display: flex;
  margin-bottom: 5rem;
  padding: 0;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  list-style: none;
  font-size: 13px;
  gap: 0.2rem;
  margin-top: 0.3rem;
}
.pagination ul li a {
  display: flex;
  width: 0.9rem;
  height: 0.9rem;
  align-content: center;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 0.1rem;
}
.pagination ul li.active a {
  background: #f7933c;
  color: #fff;
}
.feed-wapp {
  position: relative;
  padding-top: 0.5rem;
}
.game-card-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 6px);
  display: block;
  position: absolute;
  z-index: 99;
  font-size: 13px;
  bottom: 0;
  padding: 5px 10px;
  background: #f4821c;
  left: 3px;
  margin: 0;
  border-radius: 0px 0px 0.2rem 0.2rem;
  color: #fff;
  font-weight: 700;
}
.popular-game {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 980px;
  margin: auto;
  align-content: center;
  align-items: center;
  justify-content: center;
}