/* ========== 基础重置 ========== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  max-width: 7.5rem;
  margin: 0 auto;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  color: #fff;
  font-size: .24rem;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
}

ul,
li {
  list-style: none;
}
.hide{
  display: none;
}
.cell{display: -webkit-box;display: -webkit-flex;display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.bd{-webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}
.red{
  color: #ff0000;
}
.container {
  width: 7.5rem;
  margin: 0 auto;
  position: relative;
  padding-bottom: 1.2rem;
  display: none;
}

@font-face {
  font-family: 'fzysjw';
  src: url('../font/FZCYSJW.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* ========== 侧边栏 ========== */
.side {
  position: fixed;
  right: 0.08rem;
  top: 50%;
  z-index: 100;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.side a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.44rem;
  height: 1.46rem;
  background: linear-gradient(180deg, #753810 0%, #ae6a1e 100%);
  border-radius: 0.06rem;
  margin-bottom: 0.08rem;
}

.side a span {
  display: block;
  font-size: 0.22rem;
  writing-mode: vertical-rl;
  letter-spacing: 0.06rem;
  background: linear-gradient(180deg, #ffbd5e 0%, #ffd090 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ========== 头部区域 ========== */
.head {
  width: 7.5rem;
  height: 6.25rem;
  position: relative;
  overflow: hidden;
  padding-top: 0.99rem;
}

.top-btns {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7.5rem;
  height: 0.99rem;
  padding: 0 0.48rem;
  background: url("../img/fixed_top_bg.png") no-repeat;
  background-size: 100% 100%;
}

.login-btn,
.game-btn,
.btn-out {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.39rem;
  height: 0.53rem;
  cursor: pointer;
  background: url("../img/topbtnbg.png") no-repeat;
  background-size: 100% 100%;
}

.game-btn {
  width: 2.09rem;
}

.login-btn span,
.game-btn span {
  font-size: 0.22rem;
  font-weight: bold;
  background: linear-gradient(180deg, #f8ffc9 0%, #f2ff66 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.user{
  display: none;
  line-height: .52rem;
}
.btn-out {
  display: inline-block;
  margin-left: .1rem;
  width: .8rem;
  text-align: center;
  color: #f8ffc9;
}
.page1 {
  width: 7.5rem;
  height: 25.1rem;
  background: url("../img/bg1.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
}

/* ========== Part1 寻宝区域 ========== */
.part1 {
  padding: 0 0.2rem 0.93rem;
}

/* 中奖公告 */
.notice-bar {
  width: 3.78rem;
  height: 1.09rem;
  margin-left: 0.46rem;
  background: rgba(0, 0, 0, 0.4);
  border: 0.01rem solid #683d14;
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
  padding: 0.1rem 0.2rem;
}

.scroll-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.scroll-box .bd {
  position: relative;
  width: 100%;
  height: 100%;
}

.scroll-box ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.scroll-box ul li {
  height: 0.363rem;
  line-height: 0.363rem;
  font-size: 0.22rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.scroll-box .yellow {
  color: #ff8d00;
}

.scroll-box .name {
  color: #00c0ff;
  font-weight: bold;
}

.scroll-box .red {
  color: #ff0000;
  font-weight: bold;
}

/* 24小时倒计时 */
.countdown-box {
  width: 2.45rem;
  height: 2.52rem;
  padding-top: 1.9rem;
  background: url("../img/countdown-boxbg.png") no-repeat;
  background-size: 100% 100%;
  position: fixed;
  bottom: 3.2rem;
  left: 0;
  z-index: 3;
}

.countdown-label {
  font-family: 'fzysjw';
  font-size: 0.24rem;
  color: #fff;
  margin-left: 0.92rem;
}

.countdown-time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.06rem;
}

.time-item {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: linear-gradient(180deg, #3a1a0a 0%, #1a0a02 100%);
  border: 0.02rem solid #d4a04a;
  border-radius: 0.08rem;
  font-size: 0.32rem;
  color: #ffd700;
  font-weight: bold;
  text-align: center;
}

.time-split {
  font-size: 0.28rem;
  color: #ffd700;
  font-weight: bold;
}

/* 寻宝格子 */
.treasure-grid {
  width: 6.06rem;
  margin: 0.1rem 0.42rem 0.3rem;
  position: relative;
}

.grid-row {
  display: flex;
  justify-content: center;
  margin-bottom: 0.4rem;
}

.grid-row:nth-child(-n + 2) {
  gap: 0.38rem;
}

.center-row {
  align-items: center;
  justify-content: space-between;
}

.bottom-row {
  justify-content: space-between;
}

.grid-placeholder {
  width: 2.4rem;
  visibility: hidden;
}

.grid-item {
  width: 1.23rem;
  height: 1.23rem;
  position: relative;
}

.grid-item img {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 幸运值 */
.lucky-value {
  width: 3.53rem;
  height: 3.37rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -0.1rem;
  left: 1.26rem;
  background: url("../img/lucky_value_bg.png") no-repeat;
  background-size: 100% 100%;
}

.lucky-ring {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.04rem solid #d4a04a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
}

.lucky-num {
  font-size: 0.24rem;
  color: #fff;
  font-weight: bold;
}

.lucky-label {
  font-size: 0.24rem;
  color: #fff;
  margin-top: 0.05rem;
}

/* 寻宝按钮 */
.draw-btns {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  margin-bottom: 0.4rem;
}

.draw-btn {
  width: 2.39rem;
  height: 0.91rem;
  line-height: 1rem;
  text-align: center;
  background: url("../img/draw-btnbg.png") no-repeat;
  background-size: 100% 100%;
  font-size: 0.28rem;
  position: relative;
  overflow: hidden;
}

.draw-btn span {
  /* background: linear-gradient(180deg, #ffdfbe 0%, #ffac74 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; */
  color: #ffdfbe;
  text-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.4);
}

.draw-btn:active {
  transform: scale(0.95);
}

/* 任务区域 */
.task-area {
  display: flex;
  justify-content: space-between;
  width: 6.38rem;
  margin: 0 auto 0.3rem;
}

.task-box {
  width: 3.13rem;
  height: 1.98rem;
  position: relative;
}
.task-box1 {
  background: url("../img/task-box1.png") no-repeat;
  background-size: 100% 100%;
}

.task-box2 {
  background: url("../img/task-box2.png") no-repeat;
  background-size: 100% 100%;
}

.task-btn {
  width: 1.11rem;
  height: 0.39rem;
  position: absolute;
  bottom: 0.22rem;
  right: 0.27rem;
  background: url("../img/task-btnbg.png") no-repeat;
  background-size: 100% 100%;
}

.task-btn:active {
  transform: scale(0.95);
}

/* 充值福利 */
.recharge-welfare {
  width: 7.5rem;
  height: 3.84rem;
  margin: 0 0 -0.8rem -0.2rem;
  position: relative;
  background: url("../img/recharge-welfarebg.png") no-repeat;
  background-size: 100% 100%;
}

.welfare-btn {
  width: 1.11rem;
  height: 0.39rem;
  position: absolute;
  top: 1.57rem;
  right: 2.77rem;
  background: url("../img/task-btnbg.png") no-repeat;
  background-size: 100% 100%;
}

.welfare-btn:active {
  transform: scale(0.95);
}

/* 温馨提示 */
.tips-area {
  width: 6.8rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0;
}

.tips-left {
  text-align: center;
  flex: 1;
}

.tips-title {
  width: 3.18rem;
  height: 0.3rem;
  background: url("../img/tips-titlebg.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.15rem;
}

.tips-content p {
  font-size: 0.24rem;
  color: #ffcc00;
  line-height: 1.8;
}

.qrcode-box {
  width: 3.63rem;
  height: 2.83rem;
  background: url("../img/qrcodebg.png") no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.qrcode-img {
  width: 2.91rem;
  height: 2.67rem;
  margin-top: 0.14rem;
  text-align:center;
}
.qrcode-img img{
  width: 2.67rem;
  height: 2.67rem;
}

/* ========== Page4 新人/回归有礼 ========== */
.page4 {
  display: none;
  width: 7.5rem;
  height: 23.6rem;
  background: url("../img/bg4.jpg") no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0.93rem;
  position: relative;
  z-index: 3;
}

.part2 {
  position: relative;
  padding: 0 0.2rem;
}

.page2-close ,.share-close{
  display: block;
  width: 0.47rem;
  height: 0.47rem;
  position: absolute;
  top: 0.58rem;
  right: 0.6rem;
  z-index: 10;
  background: url("../img/close.png") no-repeat;
  background-size: 100% 100%;
}

.page2-head {
  width: 7.5rem;
  height: 4.6rem;
  margin-left: -0.2rem;
  position: relative;
  background: url("../img/page2-headbg.png") no-repeat;
  background-size: 100% 100%;
}

.page2-title {
  width: 5.5rem;
  height: 1.2rem;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: url("../img/page2-title.png") no-repeat;
  background-size: 100% 100%;
}

/* 推荐码卡片 */
.invite-card {
  width: 4.94rem;
  margin: 0 auto 0.58rem;
}

.invite-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.26rem;
}

.invite-label {
  font: bold .26rem / 1.2 'fzysjw';
  color: #fff;
  border-bottom: 1px solid #fff;
}

.invite-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.39rem;
  height: 0.53rem;
  padding: 0 0.2rem;
  background: url("../img/topbtnbg.png") no-repeat;
  background-size: 100% 100%;
  border: none;
  font-size: 0.22rem;
  font-weight: bold;
  color: #f8ffc9;
  cursor: pointer;
}

.invite-code-box {
  width: 100%;
  height: 0.7rem;
  font: bold .3rem / .7rem 'fzysjw';
  background: #fff;
  color: #333;
  text-align: center;
  margin-bottom: 0.2rem;
}

.invite-tip {
  font-size: 0.26rem;
  color: #ccc;
  text-align: center;
  line-height: 0.4rem;
}

.invite-tip .green {
  color: #90ee90;
}

/* 数据统计 */
.stats-area {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}

.stats-item {
  width: 3rem;
  height: 1.69rem;
  text-align: center;
  padding: 0.38rem 0 0;
  background: url("../img/tipsboxbg.png") no-repeat;
  background-size: 100% 100%;
}

.stats-num {
  font-size: 0.5rem;
  color: #fff;
  font-weight: bold;
  line-height: 0.5rem;
  margin-bottom: 0.2rem;
}

.stats-label,.stats-label2 {
  width: 2.59rem;
  height: 0.39rem;
  background: url("../img/tipsbg1.png") no-repeat;
  background-size: 100% 100%;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.39rem;
  margin: 0 auto;
}

.stats-label2 {
  width: 2.82rem;
  background: url("../img/tipsbg2.png") no-repeat;
  background-size: 100% 100%;
}

/* 任务要求 */
.mission-box {
  width: 6.38rem;
  margin: 0 auto 0.1rem;
  background: rgba(15, 1, 0, 0.6);
  border: 0.02rem solid #683d14;
  padding: 0.24rem 0.18rem;
}

.mission-title {
  font-size: 0.26rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.mission-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.4rem;
}

.mission-txt {
  flex: 1;
}

.mission-reward {
  color: #00ff06;
  white-space: nowrap;
  margin-left: 0.2rem;
}

/* 用户定义 */
.define-box {
  width: 6.38rem;
  margin: 0 auto 0.22rem;
  background: rgba(0, 0, 0, 0.4);
  border: 0.02rem solid #683d14;
  padding: 0.28rem 0.18rem;
}

.define-title {
  font-size: 0.26rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.define-section {
  margin-bottom: 0.2rem;
}

.define-subtitle {
  font-size: 0.24rem;
  color: #ff0000;
  font-weight: bold;
}

.define-box p {
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.36rem;
}

/* 推荐记录 */
.record-box {
  width: 6.8rem;
  margin: 0 auto 0.3rem;
}

.record-header {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 0.24rem;
  color: #ffe5c7;
  padding: 0 0.1rem;
  width: 6.7rem;
  height: 0.58rem;
  background: url("../img/tablebox.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.2rem;
}

.record-list {
  max-height: 3.81rem;
  overflow-y: auto;
}

.record-title {
  margin-right: 0.1rem;
}

.record-refresh {
  color: #fff;
  cursor: pointer;
}

.record-count {
  color: #ccc;
}

.record-count em {
  color: #ffd700;
  font-style: normal;
}

.record-item {
  display: flex;
  align-items: center;
  padding: 0 0.2rem;
  width: 6.45rem;
  height: 1.17rem;
  background: url("../img/listbg.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.15rem;
}

.record-avatar {
  width: 0.9rem;
  height: 0.9rem;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 0.23rem;
  border: .03rem solid #a5938f;
}
.record-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.record-info {
  flex: 1;
}

.record-info p {
  font-size: 0.24rem;
  color: #ffe5c7;
  line-height: 0.32rem;
}

.record-btn,.btn-claim {
  font-size: 0;
  width: 1.49rem;
  height: 0.63rem;
  line-height: 0.63rem;
  text-align: center;
  background: url("../img/lqbtn.png") no-repeat;
  background-size: 100% 100%;
}

.record-btn.received {
  background: url("../img/ylqbtn.png") no-repeat;
  background-size: 100% 100%;
}

.record-more {
  text-align: center;
  font-size: 0.24rem;
  color: #d4a04a;
  padding: 0.15rem 0;
  cursor: pointer;
}

/* ========== Page2 新人/回归有礼 ========== */
.page2 {
  display: none;
  width: 7.5rem;
  height: 35.93rem;
  background: url("../img/bg2.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-bottom: 0.93rem;
}

.page3 {
  display: none;
  width: 7.5rem;
  height: 35.93rem;
  background: url("../img/bg3.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-bottom: 0.93rem;
}

.part2-new {
  position: relative;
  padding: 0.93rem 0 0;
}

/* 顶部Tab */
.p2-tabs {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  width: 7.5rem;
  display: flex;
  z-index: 100;
}

.p2-tab {
  flex: 1;
  height: 0.93rem;
  line-height: 0.93rem;
  text-align: center;
  background: #2e2b26;
  font-size: 0.36rem;
  color: #b8a176;
  cursor: pointer;
  font-family: 'fzysjw';
}

.p2-tab.active {
  background-image: linear-gradient(top,#5a4439,#e99a31);
  background-image: -webkit-linear-gradient(top,#5a4439,#e99a31);
  color: #ffe8ac;
}

/* 头部区域 */
.p2-head {
  width: 7.5rem;
  height: 4.61rem;
  position: relative;
}

.p2-head-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p2-actor {
  width: 2.5rem;
  height: 3.5rem;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.05);
  border: 0.01rem dashed rgba(212, 160, 74, 0.3);
}

.p2-title {
  width: 4rem;
  height: 1rem;
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.05);
  border: 0.01rem dashed rgba(212, 160, 74, 0.3);
}

/* 绑定推荐员 */
.p2-bind-box {
  width: 5.35rem;
  margin: 0.25rem auto 2.5rem;
}

.p2-bind-label {
  font-size: 0.26rem;
  color: #f2f2f0;
  font-weight: bold;
  margin-bottom: 0.22rem;
  line-height: 0.26rem;
  text-decoration: underline;
}

.p2-input-row {
  display: flex;
  gap: 0.02rem;
  margin-bottom: 0.3rem;
}

.p2-input {
  flex: 1;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #f2f2f0;
  border: none;
  font-size: 0.26rem;
  color: #000;
  text-align: center;
  padding: 0 0.2rem;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.p2-input:focus {
  outline: none;
}

.p2-bind-btn {
  width: 1.19rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background: url("../img/topbtnbg.png") no-repeat;
  background-size: 100% 100%;
  font-size: 0.22rem;
  color: #f2ff66;
}

.p2-bind-tip {
  font-size: 0.24rem;
  color: #fff;
  text-align: left;
  line-height: 0.36rem;
}

.p2-bind-tip .red {
  color: #00ff06;
}

/* 通用区块 */
.p2-section {
  width: 100%;
  margin: 0 auto 1.8rem;
}

.p2-section2 {
  margin-bottom: 0.6rem;
}

.p2-section-title {
  font-size: 0.32rem;
  color: #ffd700;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.15rem;
  position: relative;
}

.p2-section-title::before,
.p2-section-title::after {
  content: "◆";
  margin: 0 0.15rem;
  color: #d4a04a;
  font-size: 0.2rem;
  vertical-align: middle;
}

.p2-section-desc {
  font-size: 0.22rem;
  color: #ffce8e;
  text-align: center;
  line-height: 0.3rem;
  margin-bottom: 2.82rem;
  position: relative;
  z-index: 10;
}

.p2-section-desc2 {
  margin-bottom: 0.2rem;
}

.p2-section-desc2 p:nth-child(2) {
  color: #ffead0;
}

.p2-chest-btn {
  display: block;
  width: 2.43rem;
  height: 0.75rem;
  text-align: center;
  background: url("../img/bxbtn.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.3rem;
  position: relative;
  z-index: 10;
}

/* 前往游戏悬浮按钮 */
.p2-float-game {
  position: fixed;
  bottom: 1.2rem;
  left: 0.2rem;
  width: 2.08rem;
  height: 1.9rem;
  background: url("../img/fixedicon2.png") no-repeat;
  background-size: 100% 100%;
  z-index: 99;
}

.p2-chest-tip {
  font-size: 0.22rem;
  color: #ffead0;
  text-align: center;
  line-height: 0.24rem;
}

/* 任务列表 */
.p2-task-list {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.p2-task-item {
  display: flex;
  align-items: center;
  width: 7.26rem;
  height: 1.74rem;
  background: url("../img/taskbg.png") no-repeat;
  background-size: 100% 100%;
  padding: 0 0.46rem;
  margin: 0 auto;
}

.p2-task-info {
  flex: 1;
}

.p2-task-name {
  font-size: 0.36rem;
  line-height: 0.36rem;
  color: #ffcc7b;
  font-weight: bold;
  margin-bottom: 0.06rem;
}

.p2-task-desc {
  font-size: 0.22rem;
  color: #ffdcaa;
  line-height: 0.3rem;
}

.p2-task-status {
  width: 1.26rem;
  height: 0.46rem;
  line-height: 0.46rem;
  text-align: center;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 0.24rem;
}

.p2-task-status.receive {
  background: url("../img/lqbtn.png") no-repeat;
  background-size: 100% 100%;
}

.p2-task-status.received {
  background: url("../img/ylqbtn.png") no-repeat;
  background-size: 100% 100%;
}

.p2-task-status.todo {
  background: url("../img/qwcbtn.png") no-repeat;
  background-size: 100% 100%;
}

/* 累充返利 */
.p2-recharge-btn {
  width: 1.32rem;
  height: 0.49rem;
  background: url("../img/czbtn.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-left: auto;
  margin-right: 0.65rem;
  margin-bottom: 0.1rem;
}

.p2-recharge-list {
  display: flex;
  justify-content: center;
  gap: 0.15rem;
  margin-bottom: 0.2rem;
  position: relative;
}

.p2-recharge-list::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.35rem;
  width: 7.07rem;
  height: 0.27rem;
  background: url("../img/linebg.png") no-repeat;
  background-size: 100% 100%;
  z-index: 0;
}

.p2-recharge-item {
  position: relative;
  z-index: 1;
}

.p2-recharge-item {
  text-align: center;
}

.p2-recharge-icon {
  width: 0.97rem;
  height: 0.97rem;
  background: url("../img/bxicon.png") no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  margin: 0 auto 0.08rem;
}

.p2-recharge-item.received .p2-recharge-icon {
  background: url("../img/bxiconon.png") no-repeat;
  background-size: 100% 100%;
}

.p2-recharge-dot {
  width: 0.26rem;
  height: 0.29rem;
  background: url("../img/pointon.png") no-repeat;
  background-size: 100% 100%;
  margin: 0.08rem auto;
}

.p2-recharge-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.p2-recharge-item.received {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.p2-recharge-num {
  font-size: 0.22rem;
  background: linear-gradient(180deg, #b8784b 0%, #ffdd98 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p2-get-all-btn {
  width: 1.6rem;
  height: 0.6rem;
  background: url("../img/yjlqbtn.jpg") no-repeat center top / 1.6rem auto;
  cursor: pointer;
  margin: 0 auto 0.15rem;
  font-size: 0;
}
.p2-get-all-btn.end{
  background-position: center bottom;
}

.p2-recharge-tip {
  text-align: center;
  line-height: 1.5;
}

.p2-recharge-tip p:first-child {
  font-size: 0.22rem;
  color: #ffead0;
  margin-bottom: 0.22rem;
}

.p2-recharge-tip p:last-child {
  font-size: 0.22rem;
  color: #fff;
}

/* 温馨提示 */
.p2-tips-area {
  width: 6.8rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p2-tips-left {
  text-align: center;
  flex: 1;
}

.p2-tips-title {
  width: 3.18rem;
  height: 0.3rem;
  background: url("../img/tips-titlebg.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.15rem;
}

.p2-tips-content p {
  font-size: 0.24rem;
  color: #ffcc00;
  line-height: 1.8;
}

.p2-qrcode-box {
  width: 3.63rem;
  height: 2.83rem;
  background: url("../img/qrcodebg.png") no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.p2-qrcode-img {
  width: 2.91rem;
  height: 2.67rem;
  margin-top: 0.14rem;
}

/* ========== 底部导航 ========== */
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 7.5rem;
  height: 0.93rem;
  background: linear-gradient(180deg, #3a1a0a 0%, #1a0a02 100%);
  border-top: 0.02rem solid #d4a04a;
  display: flex;
  z-index: 2;
}

.nav-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'fzysjw';
  font-size: 0.42rem;
  position: relative;
  background: url("../img/menubg.png") no-repeat;
  background-size: 100% 100%;
}

.nav-item span {
  background: linear-gradient(180deg, #ffc467 0%, #ffec8c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.nav-item.active {
  background: url("../img/menuonbg.png") no-repeat;
  background-size: 100% 100%;
}




/* ========== 弹窗样式 ========== */
.twpop {
  z-index: 100;
  position: relative;
}

.twpop .twpop-main {
  width: 6.04rem;
  height: 3.77rem;
  background: url("../img/tcbg1.png") no-repeat center top / 6.04rem auto;
  border: none;
  border-radius: 0;
  overflow: hidden;
  font-size: 0.24rem;
  line-height: .36rem;
  color: #fffcd3;
}

.twpop .twpop-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.39rem;
  height: 0.53rem;
  padding: 0 0.2rem;
  background: url("../img/topbtnbg.png") no-repeat;
  background-size: 100% 100%;
  border: none;
  color: #f8ffc9;
  font-weight: bold;
  font-size: 0.22rem;
  border-radius: 0;
}

.twpop .twpop-title {
  color: #fff;
  font-family: '微软雅黑';
  font-size: 0.34rem;
  border-bottom: none;
  font-weight: bold;
  padding: 0.3rem 0.2rem 0;
  text-shadow: 0 0.03rem 0.02rem rgba(0, 0, 0, 0.4);
}

.twpop .twpop-cont { 
  text-align: left;
  padding: 0.15rem 0.3rem;
}

.twpop .twpop-close {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../img/close.png") no-repeat center;
  background-size: contain;
}

.twpop .twpop-diy-content{
  max-height: 2.4rem;
  overflow-y: auto;
}

.twpop .twpop-diy-content::-webkit-scrollbar,
.tj-list::-webkit-scrollbar {
  width: 0.12rem;
}

.twpop .twpop-diy-content::-webkit-scrollbar-thumb,
.tj-list::-webkit-scrollbar-thumb {
  background: #644305;
  border-radius: 0.06rem;
}

.twpop .twpop-diy-content::-webkit-scrollbar-track,
.tj-list::-webkit-scrollbar-track {
  border: .02rem solid #815234;
  background: rgba(109, 91, 87, 0.87);
  border-radius: 0.06rem;
}

.twpop .pop_full .twpop-cont{
  margin: 0;
  padding:.44rem .3rem .3rem;
}

.twpop .pop_full .twpop-diy-content{
  max-height: 3rem;
}

.twpop .twpop-foot{
  margin-top: .2rem;
  display: flex;
  justify-content: center;
}

.twpop .tip{
  font-size: .23rem;
  color: #db0000;
}

.twpop .pop_tj{
  height: 8rem;
  background-image: url('../img/tcbg2.png');
}
.twpop .pop_tj .twpop-title{
  padding-top: .4rem;
}
.twpop .pop_tj .twpop-diy-content{
  height: 6.8rem;
  max-height: 6.8rem;
  overflow: hidden;
}
.twpop .pop_mt{
  text-align: center;
}
.twpop .pop_mt .twpop-title{
  padding: .5rem 0 .3rem;
  font-size: .5rem;
  line-height: 1.4;
} 

.twpop .pop_mt .twpop-diy-content{
  text-align: center;
  min-height: .5rem;
}

.twpop .pop_mt .twpop-btn{
  width: 2.41rem;
  height: .79rem;
  background: url('../img/btn_lq.png') no-repeat center / cover;
  padding: 0;
  color: #000;
}
.twpop-alert-content{
  text-align: center;
  padding: .1rem 0;
}


.twpop .twpop-from-label {
  color: #fff;
}
.twpop .twpop-from-item {
  margin-bottom: .1rem;
}
.twpop .twpop-input,
.twpop .twpop-select {
  color: #fff;
}

.twpop .twpop-select option {
  color: #333;
  background: #fff;
}

.twpop .twpop-from-bd {
  background-color: rgba(0, 0, 0, 0.3);
}

.btn_yellow,.btn_blue,.btn_red,.btn-receive{
  width: 1.4rem;
  height: 0.5rem;
  line-height: .5rem;
  background: url('../img/btns.jpg') no-repeat left top / 1.4rem 1.7rem;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.btn_blue{
  background-position: 0 -.6rem;
}

.btn_red{
  background-position: 0 -1.2rem;
}

.btns{
  margin-top: .2rem;
  display: flex;
  justify-content: center;
}
.btns div{
  margin: 0 .4rem;
}

.task-list li{
  text-align: left;
  padding: 0.02rem 0;
}
.task-list .bd p{
  font-size: 0.2rem;
  color: #00ff06;
  line-height: 1.5;
}
.welfare-list{
  padding-top: .24rem;
}
.welfare-list li{
  text-align: left;
  padding: 0.16rem 0;
}
.green{
  color: #00ff06;
}
.pop_text{
  min-height: 1.7rem;
}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%); filter: gray;}

.more{
  text-align: center;
}

.more-text {
  font-size: .24rem;
  color: #ffe5c7;
  padding: .1rem .3rem;
  display: inline-block;
  background: url('../img/more.png') no-repeat right center / .25rem auto;
}


.tj-list{
  height: 5.7rem;
  overflow-y: auto;
  margin-right: .1rem;
}
.tj-list li{
  position: relative;
  margin-bottom: .12rem;
}
.choice{
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.29rem;
  width: .58rem;
  height: .58rem;
  background: url('../img/choice.png') no-repeat center / cover;

}
.choice.active::after{
  content: '';
  position: absolute;
  left: .06rem;
  bottom: .1rem;
  width: .61rem;
  height: .58rem;
  background: url('../img/choice_active.png') no-repeat center / cover;
}
.tj-list .info{
  color: #ffe5c7;
  padding: 0 .1rem;
  height: 1.17rem;
  font-size: .22rem;
  line-height: 1.6;
  background: url('../img/tj_info.png') no-repeat left center / cover;
}
.tj-list .avatar{
  width: .76rem;
  height: .76rem;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  border: .03rem solid #a4918e;
  margin-right: .1rem;
}
.tj-list .btn-receive{
  width: .9rem;
  height: .5rem;
  background-size: .9rem 1.7rem;
}
.tj-all{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .6rem;
  margin-top: .3rem;
  padding-left: .7rem;
  padding-right: .2rem;
}

.qrcode-pop-img {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto;
}

/* 中奖记录 */
.gift {
  margin-bottom: 0.2rem;
  padding: 0 0.2rem;
  text-align: left;
}

.gift .cell {
  display: flex;
  align-items: center;
  height: 0.7rem;
  border-bottom: 0.01rem solid rgba(212, 160, 74, 0.2);
}

.gift .bd {
  flex: 1;
  color: #ffd700;
  font-size: 0.22rem;
}

.red_info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.9rem;
  height: 0.38rem;
  background: url("../img/topbtnbg.png") no-repeat;
  background-size: 100% 100%;
  border: none;
  font-size: 0.18rem;
  font-weight: bold;
  color: #f8ffc9;
  cursor: pointer;
}


/* 规则弹窗 */
.twpop-main.rule-pop {
  width: 7.5rem;
  height: 9.5rem;
  background: url("../img/tcbg3.png") no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: 0;  
}

.twpop-main.rule-pop .twpop-close {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../img/close.png") no-repeat center;
  background-size: contain;
  top: 0.8rem;
  right: 0.5rem;
}

.twpop-main.rule-pop .twpop-title {
  color: #4c1a13;
  font-size: 0.65rem;
  border-bottom: none;
  padding: 0.8rem 0.2rem 0.2rem;
}

.twpop-main.rule-pop .twpop-cont {
  padding: 0.2rem .6rem .2rem .4rem;
}

.twpop-main.rule-pop .twpop-diy-content {
  max-height: 6.5rem;
  overflow-y: auto;
}

.rule-pop .rule {
  padding: 0.2rem;
}

.rule-pop .rule {
  text-align: left;
}

.rule-pop .item {
  font-size: 0.22rem;
  color: #4c1a13;
  line-height: 1.8;
  margin-bottom: 0.1rem;
}

.p2_box,.p3_box{
  width: 3.88rem;
  height: 3.88rem;
  background: url("../img/box.jpg") no-repeat center / cover;
  position: absolute;
  top: 10.34rem;
  left: 1.81rem;
  display: none;
}
.p2_box.open,.p3_box.open{
  display: block;
}

.share_pop{
  background: #381003;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
}
#share-img{
  display: block;
  width: 7.5rem;
  height: auto;
}
.share-close{
  top: 1rem;
  right: .66rem;
}
.twpop-load .twpop-main{
  height: auto;
}
.share-tips{
  position: absolute;
  top: 10.47rem;
  left: 0;
  width: 100%;
  font-size: .22rem;
  color: #fff;
  text-align: center;
}
.btn_copy{
  width: 2.92rem;
  height: .62rem;
  background: url('../img/btn_copy.png') no-repeat center / cover;
  margin: .1rem auto;
  font-size: 0;
}