.popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.popup__mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 11, 11, 0.9);
}

.popup__box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1368rem;
  height: 780rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/popup-bg.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 210rem 80rem 0;
  z-index: 2;
}

.popup__btn-close {
  display: block;
  width: 66rem;
  height: 66rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/close.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: -80rem;
  top: -16px;
  cursor: pointer;
}

.popup__box-inner {
  width: 100%;
  max-height: 100%;
}

.popup__title {
  color: transparent;
  width: 652rem;
  height: 168rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/popup-tips-title.png);
  margin: 0 auto 20rem;
}

.popup__desc {
  text-align: center;
  font-size: 60rem;
  color: #fff;
  margin-top: 90rem;
}

.popup__btn-primary {
  display: block;
  width: 613rem;
  height: 138rem;
  line-height: 138rem;
  text-align: center;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/btn-primary.png) no-repeat center center;
  background-size: cover;
  color: #fff;
  font-size: 56rem;
  font-weight: bold;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 110rem;
  cursor: pointer;
}

.popup.show {
  display: block;
}

.rule-popup .popup__box {
  height: 880rem;
}

.rule-popup .popup__title {
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/rule-popup-title.png);
  transform: translateX(14rem);
  width: 652rem;
  height: 168rem;
}

.rule-popup__desc {
  font-size: 44rem;
  color: #fff;
  line-height: 60rem;
}

.rule-popup__tips {
  font-size: 44rem;
  color: #fff;
  line-height: 60rem;
  margin-top: 40rem;
}

.record-popup .popup__box {
  height: 880rem;
}

.record-popup .popup__title {
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/record-popup-title.png);
  width: 652rem;
  height: 168rem;
}

.record-popup__list {
  max-height: 478rem;
  overflow-y: auto;
}

.record-popup__list-head {
  height: 74rem;
  line-height: 78rem;
  background: #8bdbe3;
  color: #2a2a2a;
  display: flex;
  padding: 0 20rem;
  font-weight: bold;
  justify-content: space-between;
  font-size: 44rem;
}

.record-popup__list-head-name {
  width: 400rem;
  text-align: center;
}

.record-popup__list-head-time {
  width: 400rem;
  text-align: center;
}

.record-popup__list-item {
  height: 96rem;
  line-height: 96rem;
  border-bottom: 1px solid rgba(139, 219, 227, 0.2);
  padding: 0 20rem;
  background: #2a2a2a;
  font-size: 44rem;
  color: #fff;
}

.record-popup__list-item-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.record-popup__list-item-name {
  width: 400rem;
  text-align: center;
}

.record-popup__list-item-time {
  width: 400rem;
  text-align: center;
}

.popup-no-role .popup__desc,
.popup-help-success .popup__desc,
.popup-no-new-user .popup__desc,
.popup-help-comfirm .popup__desc,
.popup-lead-download .popup__desc {
  font-size: 50rem;
}

.popup-no-new-user .popup__desc,
.popup-lead-download .popup__desc {
  margin-top: 50rem;
}

.popup-help-comfirm .popup__desc {
  margin-top: 70rem;
}

.popup-help-comfirm__tips {
  font-size: 36rem;
  color: #898b8c;
  text-align: center;
  margin-top: 20rem;
}

.popup-login-mode .popup__title {
  width: 666rem;
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/popup-login-mode-title.png);
}

.popup-login-mode__list {
  display: flex;
  justify-content: center;
  gap: 104rem;
  margin-top: 40rem;
}

.popup-login-mode__item {
  width: 340rem;
  height: 340rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.popup-login-mode__item.qq {
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/login-mode-qq.png);
}

.popup-login-mode__item.wx {
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/login-mode-wx.png);
}

.winning-record .popup__title {
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/winning-record-title.png);
}

.winning-record .record-popup__list-item,
.winning-record .record-popup__list-head {
  padding: 0;
}

.winning-record .record-popup__list-head-name,
.winning-record .record-popup__list-head-time,
.winning-record .record-popup__list-item-name,
.winning-record .record-popup__list-item-time {
  width: 50%;
}

.winning-record .record-popup__list {
  max-height: 500rem;
}

.winning-record .popup__box {
  height: 970rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/winningRecordPopupBg.png) no-repeat center center;
  background-size: 100% 100%;
}

.winning-record .popup__btn-primary {
  bottom: 50rem;
}

.winning-record .record-popup__list-item {
  height: 86rem;
  line-height: 86rem;
}

.popup-prize .popup__box {
  height: 970rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/winningRecordPopupBg.png) no-repeat center center;
  background-size: 100% 100%;
}

.popup-prize .popup__btn-primary {
  bottom: 50rem;
}

.popup-prize .figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20rem;
}

.popup-prize .figure .desc {
  font-size: 44rem;
  text-align: center;
  color: #fff;
  margin-bottom: 40rem;
}

.popup-prize .figure .pic {
  height: 366rem;
}

.pop-video {
  display: none;
  width: 1682rem;
  height: 950rem;
  border: 4rem solid #34dfe8;
  display: none;
  outline: none;
  transform: translate(-50%, -50%);
  margin: 0 !important;
}

.pop-video #vplay-con {
  width: 100%;
  height: 100%;
  padding: 0;
}

.pop-video .btn-close {
  background-image: url(//game.gtimg.cn/images/dfm/cp/a20250408dfmbar/popup-btn-close.png);
  background-size: 100% 100%;
  width: 50rem;
  height: 50rem;
  display: block;
  position: absolute;
  right: -76rem;
  top: 0;
  font-size: 0;
}

.pop-video .thumbplayer-fake-fullscreen {
  position: fixed !important;
  top: 50% !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999 !important;
}

.new-skin .popup__btn-close {
  top: 30rem;
  right: 30rem;
}

.new-skin .popup__box {
  width: 1235rem;
  height: 765rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/pop2.png) no-repeat center center;
  background-size: cover;
}

.new-skin .popup__title {
  width: 518rem;
  height: 122rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/0603/popup-tips-title.png) no-repeat center center;
  background-size: cover;
  position: relative;
}

.new-skin .popup__desc {
  font-size: 48rem;
  color: #fff;
  margin-top: 60rem;
}

.new-skin .popup__btn-primary {
  bottom: 60rem;
  font-size: 62rem;
  width: 613rem;
  height: 138rem;
  line-height: 138rem;
  text-align: center;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/btn-primary.png) no-repeat center center;
  background-size: cover;
}

.new-skin .popup-prize .popup__box {
  width: 1235rem;
  height: 760rem;
  padding-top: 150rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/pop4.png) no-repeat center center;
  background-size: cover;
}

.new-skin .popup-prize .popup__title {
  background: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/0603/popup-title-congratulation.png) no-repeat center center;
  background-size: cover;
}

.new-skin .popup-prize .figure .desc {
  color: rgba(255, 255, 255, 0.7);
}

.new-skin .winning-record {
  margin-top: 40rem;
}

.new-skin .winning-record .popup__mask {
  top: -40rem;
}

.new-skin .winning-record .popup__box {
  width: 1235rem;
  height: 1176rem;
  padding-top: 210rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/pop3.png) no-repeat;
  background-size: 100% 100%;
}

.new-skin .winning-record .record-popup__list-box {
  border-color: #657a78;
  height: 842rem;
  background-color: rgba(0, 0, 0, 0.5);
}

.new-skin .winning-record .record-popup__list-head {
  background-color: rgba(255, 255, 255, 0.078);
  height: 106rem;
  line-height: 106rem;
}

.new-skin .winning-record .record-popup__list {
  max-height: 730rem;
  overflow-y: auto;
  padding: 40rem 0;
  height: 730rem;
}

.new-skin .winning-record .record-popup__list-item {
  height: auto;
  line-height: 1.2;
  background: none;
  border: none;
  padding: 26rem 0;
}

.new-skin .winning-record .record-popup__list-head-name,
.new-skin .winning-record .record-popup__list-head-time,
.new-skin .winning-record .record-popup__list-head-status,
.new-skin .winning-record .record-popup__list-item-name,
.new-skin .winning-record .record-popup__list-item-time,
.new-skin .winning-record .record-popup__list-head-status {
  width: 50%;
  color: #b3b3b3;
  font-size: 30rem;
  font-weight: normal;
  text-align: center;
}

.new-skin .winning-record .page {
  margin-top: 0;
  font-size: 48rem;
  display: flex;
  justify-content: center;
}

.new-skin .winning-record .page__btn {
  color: #367c92;
  cursor: pointer;
  text-decoration: underline;
}

.new-skin .winning-record .page__num {
  margin: 0 132rem;
  color: #fff;
}

.new-skin .record-popup .popup__title {
  background: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/0603/invite-title.png) no-repeat center center;
  background-size: cover;
}

.new-skin .popup-get-success .figure {
  margin-top: -88rem;
}

.new-skin .popup-get-success .figure .pic {
  height: 724rem;
}

.new-skin .winning-record--new .popup__title {
  background: url(//game.gtimg.cn/images/dfm/cp/a20250328renlaren/0603/winning-record-title.png) no-repeat center center;
  background-size: cover;
}

.new-skin .popup-prize--new .figure {
  height: 574rem;
  margin-top: -152rem;
  justify-content: center;
}

.new-skin .popup-prize--new .figure .desc {
  margin-bottom: 0;
  line-height: 1.2;
  margin-top: 20rem;
}

.new-skin .winning-record1 .popup__box {
  width: 1235rem;
  height: 1176rem;
  padding-top: 210rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/pop1.png) no-repeat;
  background-size: 100% 100%;
}

.new-skin .winning-record1 .popup__box .record-popup__list-box {
  border-color: #657a78;
  height: 842rem;
  background-color: rgba(0, 0, 0, 0.5);
}

.rewardList {
  display: flex;
  justify-content: center;
  text-align: center;
  color: #b3b3b3;
  font-size: 30rem;
  height: 400rem;
  align-items: center;
  flex-wrap: wrap;
}

.rewardList p {
  width: 200rem;
  margin: 0 auto;
  line-height: 1.3;
}

.rewardList .icon {
  height: 300rem;
  width: 232rem;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 auto;
}

.rewardList .icon img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.rewardList.rewardList2 .items {
  margin: 0 15rem;
}

.rewardList.rewardList2 .icon {
  height: 200rem;
}

.rewardList.rewardList3 .items {
  margin: 0 15rem;
}

.rewardList.rewardList3 .icon {
  height: 180rem;
}

.rewardList.rewardList4 p {
  line-height: 1;
}

.rewardList.rewardList4 .items {
  margin: 0 15rem;
}

.rewardList.rewardList4 .items:nth-of-type(1), .rewardList.rewardList4 .items:nth-of-type(2) {
  width: 40%;
}

.rewardList.rewardList4 .items:nth-of-type(1) .icon, .rewardList.rewardList4 .items:nth-of-type(2) .icon {
  height: 150rem;
}

.rewardList.rewardList4 .items:nth-of-type(1) p, .rewardList.rewardList4 .items:nth-of-type(2) p {
  width: 100%;
}

.rewardList.rewardList4 .icon {
  height: 110rem;
}

.new-skin .popCdk .popup__box {
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/pop5.png) no-repeat;
  background-size: 100% 100%;
  height: 642rem;
}

.new-skin .popCdk .popup__box input {
  width: 1067rem;
  height: 121rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid #418399;
  display: block;
  margin: 0 auto;
  margin-top: 30rem;
  font-size: 40rem;
  padding-left: 30rem;
}

.new-skin .popTenctVip .popup__box {
  width: 1235rem;
  height: 760rem;
  padding-top: 150rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/pop4.png) no-repeat center center;
  background-size: cover;
}

.new-skin .popTenctVip .popup__box .icon {
  color: #b3b3b3;
  font-size: 30rem;
  text-align: center;
  margin-top: 35rem;
}

.new-skin .popTenctVip .popup__box .icon img {
  height: 135rem;
  display: block;
  margin: 0 auto;
}

.new-skin .popTenctVip .popup__box .form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30rem;
}

.new-skin .popTenctVip .popup__box .form input {
  width: 730rem;
  height: 121rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid #418399;
  display: block;
  font-size: 30rem;
  padding-left: 30rem;
}

.new-skin .popTenctVip .popup__box .form a {
  display: block;
  background: url(//game.gtimg.cn/images/dfm/cp/a20250627zhuzhan/pop/diaBtn1.png) no-repeat;
  backdrop-filter: 100% 100%;
  width: 262rem;
  height: 123rem;
  color: #ffffff;
  font-size: 50rem;
  text-align: center;
  line-height: 123rem;
  margin-left: 10rem;
}