.indexPage {
  background: url(../image/index.jpg) top center no-repeat;
  background-size: cover;
  width: 100%;
  height: 63.92rem;
  position: relative;
}

.header {
  height: 2.16rem;
  position: relative;
}

.header a {
  position: absolute;
  display: inline-block;
}
.header a:first-child {
  left: 0.60rem;
  top: 0.60rem;
  width: 1.84rem;
  height: 1.52rem;
  background: url(../image/logo.png) no-repeat;
  background-size: cover;
}
.header a:last-child {
  right: 1.20rem;
  top: 0.58rem;
  width: 2.49rem;
  height: 0.62rem;
  background: url(../image/enterWeb.png) no-repeat;
  background-size: cover;
}

.main {
  margin-top: 6.35rem;
}

.main .active-time {
  width: 6.51rem;
  height: 0.37rem;
  margin: 0 auto;
  background: url(../image/active-time.png) no-repeat;
  background-size: 100% 100%;
}

.main .login {
  text-align: center;
  margin-top: 0.25rem;
}
.main .login p {
  font-size: 0.24rem;
  color: #fff;
  font-family: '微软雅黑';
}
.main .login p a {
  color: #fff70f;
  text-decoration: underline;
}

.main .part{
  width:100%;
}
.main .part-title{
  width:3.67rem;
  height:2.19rem;
  margin: 0 auto;
}
.main .part-title img{
  width:100%;
}
.main .part-text{
  color:#ffd9f1;
  font-size: 0.16rem;
  line-height: 0.28rem;
  display:flex;
  justify-content: center;
  margin-top: -0.66rem;
}
.main .part-text span a{
  color: #ff00ae;
  text-decoration: underline;
}

.partOne{
  margin:1.00rem auto 0;
}  
.partOne .get-box{
  margin: 0.37rem 0 0 3.65rem;
  display: flex;
}
.partOne .get-box-left{
  width: 9.06rem;
  height: 6.26rem;
  display: flex;
  justify-content: space-between;
  margin-top: -0.10rem;
}
.partOne .get-box-left .get-list{
  width: 1.99rem;
  height: 2.61rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partOne .get-box-left .get-list img{
  width: 1.84rem;
}
.partOne .get-box-left .get-list a{
  display: block;
  width: 1.74rem;
  height: 0.59rem;
  background: url(../image/get-btn.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0.30rem;
  left: 0;
}
.partOne .get-box-left .get-list a.geted{
  background: url(../image/geted-btn.png) no-repeat;
  background-size: cover;
}
.partOne .get-box-right{
  width: 3.09rem;
  height: 5.82rem;
  margin: 0.44rem 0 0 0.35rem;
  display: flex;
  flex-direction: column;
}
.partOne .get-box-right .get-list{
  width: 3.09rem;
  height: 2.91rem;
  position: relative;
}
.partOne .get-box-right .get-list img{
  width: 3.09rem;
  height: 3.01rem;
  margin-top: -0.20rem;
}
.partOne .get-box-right .get-list a{
  display: block;
  width: 1.74rem;
  height: 0.59rem;
  background: url(../image/get-btn.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
}
.partOne .get-box-right .get-list a.geted{
  background: url(../image/geted-btn.png) no-repeat;
  background-size: cover;
}
.partOne .punch-box{
  height:3.73rem;
  margin-top: -1.70rem;
  display: flex;
  justify-content: center;
}
.partOne .punch-box .get-list{
  width:3.95rem;
  height: 3.73rem;
  position: relative;
}
.partOne .punch-box .get-list img{
  width:100%;
}
.partOne .punch-box .get-list a{
  display: block;
  width: 2.48rem;
  height: 0.83rem;
  background: url(../image/punch-btn.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 1.80rem;
  left: 50%;
  transform: translateX(-50%);
}

.partTwo{
  margin:0.60rem auto 0;
}
.partTwo .level-box{
  margin-left:2.42rem;
  display: flex;
}
.partTwo .level-box-left{
  width: 9.12rem;
  height: 5.43rem;
  background: url(../image/characterLevelBorder.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 0.07rem;
}
.partTwo .level-box-left .task-list{
  width: 5.99rem;
  height: 0.44rem;
  margin-left: 1.45rem;
  position: relative;
}
.partTwo .level-box-left .task-list:nth-child(1){ 
  margin-top: 0.85rem;
}
.partTwo .level-box-left .task-list:nth-child(5){ 
  margin-top: 0.20rem;
}
.partTwo .level-box-left .task-list p{
  width: 3.02rem;
  height: 0.42rem;
  line-height: 0.42rem;
  position: absolute;
  left: 0.9rem;
  font-size: 0.16rem;
  color:gray;
}
.partTwo .level-box-left .task-list em{
  width: 0.70rem;
  height: 0.42rem;
  line-height: 0.42rem;
  font-style: normal;
  position: absolute;
  left: 4rem;
  font-size: 0.14rem;
  color:gray;
}
.partTwo .level-box-left .task-list img{
  width: 100%;
}
.partTwo .level-box-left .task-list a{
  width: 1.49rem;
  height: 0.37rem;
  background: url(../image/get-btn2.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: -0.12rem;
  top: 0.02rem;
}
.partTwo .level-box-left .task-list a.geted{
  background: url(../image/geted-btn2.png) no-repeat;
  background-size: cover
}
.partTwo .level-box-left .task-list a.geted{
  background: url(../image/geted-btn2.png) no-repeat;
  background-size: cover;
}
.partTwo .level-box-right{
  width: 5.34rem;
  display: flex;
  flex-wrap: wrap;
  gap:0 0.40rem;
}
.partTwo .level-box-right .level-list{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partTwo .level-box-right .level-list img{
  width: 1.09rem;
  height: 1.34rem;
  margin-bottom: 0.07rem;
}
.partTwo .level-box-right .level-list a{
  width: 1.49rem;
  height: 0.37rem;
  background: url(../image/get-btn2.png) no-repeat;
  background-size: cover;
  margin-top: -0.07rem;
}
.partTwo .level-box-right .level-list a{
  width: 1.49rem;
  height: 0.37rem;
  background: url(../image/get-btn2.png) no-repeat;
  background-size: cover;
  margin-top: -0.07rem;
}
.partTwo .level-box-right .level-list a.geted{
  background: url(../image/geted-btn2.png) no-repeat;
  background-size: cover;
}

.partThree{
  margin:1.20rem auto 0;
}
.partThree .recharge-box{
  width: 9.02rem;
  margin:0.2rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partThree .recharge-box .recharge-list{
  width: 1.60rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partThree .recharge-box .recharge-list img{
  width: 100%;
  margin-bottom: 0.08rem;
}
.partThree .recharge-box .recharge-list a{
  width: 1.49rem;
  height: 0.37rem;
  background: url(../image/get-btn2.png) no-repeat;
  background-size: cover;
}
.partThree .recharge-box .recharge-list a.geted{
  background: url(../image/geted-btn2.png) no-repeat;
  background-size: cover;
}

.partFour {
  margin:2.20rem auto 0;
}
.partFour .gif-box{
  width: 12.90rem;
  height: 3.13rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.10rem auto 0.30rem;
}
.partFour .gif-list{
  width: 3.96rem;
  height: 3.13rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partFour .gif-list:nth-child(2){
  margin:0 0.10rem;
}
.partFour .gif-list:nth-child(1){
  background: url(../image/gifkv1.png) no-repeat;
  background-size: cover;
}
.partFour .gif-list:nth-child(2){
  background: url(../image/gifkv2.png) no-repeat;
  background-size: cover;
}
.partFour .gif-list:nth-child(3){
  background: url(../image/gifkv3.png) no-repeat;
  background-size: cover;
}
.partFour .gif-list img{
  width:3rem;
  height: 2rem;
  transform: scale(0.8);
}
.partFour .gif-list:last-child img{
  width:2.56rem;
  height: 0.64rem;
  transform: scale(0.8);
}
.partFour .cumulativeRecharge-box{
  width: 14.16rem;
  height: 5.46rem;
  margin:0 auto;
  background: url(../image/kv.png) no-repeat;
  background-size: cover;
}
.partFour .cumulativeRecharge-box .cumulativeRecharge-title{
  font-size: 0.16rem;
  color: #fff;
  padding: 0.17rem 0 0.17rem 0.82rem;
}
.partFour .cumulativeRecharge-box .cumulativeRecharge-content{
  display: flex;
  flex-wrap: wrap;
}
.partFour .cumulativeRecharge-box .cumulativeRecharge-list{
  width: 6.96rem;
  height: 1.42rem;
  margin-left: 0.03rem;
}
.partFour .cumulativeRecharge-box .cumulativeRecharge-list a{
  width: 1.49rem;
  height: 0.37rem;
  background: url(../image/get-btn2.png) no-repeat;
  background-size: cover;
  display: block;
  margin:0.42rem 0 0 4.98rem;
}
.partFour .cumulativeRecharge-box .cumulativeRecharge-list a.geted{
  background: url(../image/geted-btn2.png) no-repeat;
  background-size: cover;
}


.partFive {
  margin: 1.3rem auto 0;
}
.partFive .part-main {
  display: flex;
}
.partFive .book-mark{
  width: 1.23rem;
  height: 2.85rem;
  display: block;
  margin: 0 0 0 5.70rem;
}
.partFive .moon-list{
  width: 4.16rem;
  margin: 0.62rem 0 0 0.62rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partFive .moon-list img{
  width: 100%;
}
.partFive .moon-list a{
  width: 2.47rem;
  height: 0.62rem;
  background: url(../image/reward-btn.png) no-repeat;
  background-size: cover;
  display: block;
  margin-top:1.10rem;
}


/* 右侧固定栏 */
.right-list{
  position: fixed;
  top: 50%;
  right:0;
  transform: translateY(-50%);
  width: 3.07rem;
  height: 5.75rem;
  background: url(../image/rightNav.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-list .navs{
  width: 1.65rem;
  height: 3.00rem;
  margin: 0.75rem 0.70rem 0.30rem 0.70rem;
}
.right-list .navs .nav{
  height: 0.74rem;
  border-bottom: dashed 0.01rem white;
  display:flex;
  justify-content: center;
  align-items: center;
}
.right-list .navs .nav a{
  display: block;
  width: 0.96rem;
  height: 0.24rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: var(--img);
}
.right-list:hover .navs .nav a{
  width: 1.65rem;
  height: 0.42rem;
  background-image: var(--img-active);
}
.right-list .navs .nav:nth-child(1) a{
  --img: url(../image/nav1.png);
  --img-active: url(../image/navActive1.png);
}
.right-list .navs .nav:nth-child(2) a{
  --img: url(../image/nav2.png);
  --img-active: url(../image/navActive2.png);
}
.right-list .navs .nav:nth-child(3) a{
  --img: url(../image/nav3.png);
  --img-active: url(../image/navActive3.png);
}
.right-list .navs .nav:nth-child(4) a{
  --img: url(../image/nav4.png);
  --img-active: url(../image/navActive4.png);
}
.right-list .back{
  display: block;
  width: 0.85rem;
  height: 0.85rem;
}
.right-list .back img{
  width:100%;
  display: block;
}

/* 奖池一览弹框 */
.lay_shade {
  opacity: 1!important;
  background: #13123a!important;
}
.prizePool .lay_content{
  margin: 0;
}
.prizePool .lay_close {
  font-size: 0.35rem;
  font-weight: bold;
  top: 0.52rem;
  right: 0.72rem;
  z-index: 999;
  opacity: 0;
  width: 0.40rem;
  height: 0.46rem;
  display: block;
}
.prizePool-box{
  width: 9.42rem;
  height: 6.40rem;
  background: url(../image/popbg2.png) no-repeat;
  background-size: 100% 100%;
}
/* 每日打卡按钮已领取状态 */
.partOne .punch-box .get-list a.geted{
  background: url(../image/geted-btn.png) no-repeat;
  background-size: cover;
}
/* 已收集月饼数量 */
.main .partTwo .mooncake-count{
  text-align: center;
  font-size: 0.18rem;
  color: #ffd9f1;
  margin-top: 0.15rem;
}
.main .partTwo .mooncake-count span{
  color: #fff70f;
}