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

/* 侧导航 */
.lift-nav {
    position: fixed;
    right: 0.5rem;
    top: 3.5rem;
}

.lift-nav .lift {
    width: 2.22rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lift-nav .lift a {
    display: inline-block;
    width: 2.22rem;
    height: 0.71rem;
    background: url(../images/ce-btn1.png) no-repeat;
    background-size: cover;
}

.lift-nav .lift a:nth-child(2) {
    background: url(../images/ce-btn2.png) no-repeat;
    background-size: cover;
}

.lift-nav .lift a:nth-child(3) {
    background: url(../images/ce-btn3.png) no-repeat;
    background-size: cover;
}

.lift-nav .lift a:nth-child(4) {
    background: url(../images/ce-btn4.png) no-repeat;
    background-size: cover;
}

.lift-nav .lift a.current {
    background-position-y: -0.71rem;
}

.lift-nav .lift img {
    width: 0.42rem;
    height: 0.3rem;
    object-fit: cover;
}

/* 头部样式公共 */
.header {
    width: 18rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header img {
    width: 1.51rem;
    height: 1.27rem;
}

.header-btn {
    width: 2.33rem;
    display: flex;
    justify-content: center;
}

.header-btn a {
    display: inline-block;
    width: 2.33rem;
    height: 0.8rem;
    background: url(../images/header-btn.png) no-repeat;
    background-size: cover;
}

/* 头部样式公共 end*/


.main {
    width: 16rem;
    margin: 6.7rem auto 0;
}

.activity-time {
    width: 9.11rem;
    margin: 0 auto;
    height: 0.58rem;
    background: url(../images/activity-time-bg.png) no-repeat;
    background-size: cover;
}

.activity-time p {
    color: #f1c79f;
    font-size: 0.24rem;
    line-height: 0.58rem;
    text-align: center;

}

.login {
    text-align: center;
    margin-top: 0.6rem;
}

.login p {
    color: #fee8b0;
    font-size: 0.16rem;

}

.login p a {
    color: #ff0000;
    text-decoration: underline;
}

.partOne {
    width: 14.44rem;
    margin: 1.8rem auto 0;
    height: 11.17rem;
    background: url(../images/partOne-bg_.png) no-repeat;
    background-size: cover;
}

.activity-rule {
    width: 10.1rem;
    margin: 0 auto;
    padding-top: 0.6rem;
}

.activity-rule p {
    color: #ffedbe;
    font-size: 0.16rem;
    line-height: 0.28rem;
    text-align: left;
}

.activity-rule p span {
    color: #ff0101;
}

.activity-rule p.indent {
    text-indent: 5em;
}

.partOne .btn {
    width: 13.36rem;
    margin: 0.47rem auto 0

}

.partOne .list {
    width: 13.36rem;
    height: 2.78rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.partOne .btn a {
    display: inline-block;
    width: 1.63rem;
    height: 0.44rem;
    background: url(../images/get-btn.png) no-repeat;
    background-size: cover;
    margin-bottom: 0.4rem;
}


.partOne .btn a.geted {
    background-position-y: -0.44rem;
}


.partOne .btn2 {
    width: 7.33rem;
    margin: 1.95rem auto 0;
    display: flex;
    justify-content: space-between;
}

.partOne .btn2 a {
    display: inline-block;
    width: 1.63rem;
    height: 0.44rem;
    background: url(../images/get-btn.png) no-repeat;
    background-size: cover;
}

.partOne .btn2 a.geted {
    background-position-y: -0.44rem;
}

.partTwo {
    width: 14.44rem;
    margin: 1.4rem auto 0;
    height: 17.88rem;
    background: url(../images/partTwo-bg.png) no-repeat;
    background-size: cover;
}

.partTwo .activity-rule p {
    line-height: 0.22rem;
}

.task {
    width: 12.46rem;
    margin: 0.4rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.task .list {
    width: 5.65rem;
    height: 0.67rem;
    margin-bottom: 0.2rem;
    line-height: 0.67rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.task .list p {

    color: #ffedbe;
    font-size: 0.16rem;
}

.task .list a {
    display: inline-block;
    width: 1.63rem;
    height: 0.44rem;
    background: url(../images/task-btn1.png) no-repeat;
    background-size: cover;
}

.task .list a.geted {
    background-position-y: -0.44rem;
}

.task .list:nth-child(4) a {
    display: inline-block;
    width: 1.63rem;
    height: 0.44rem;
    background: url(../images/task-btn2.png) no-repeat;
    background-size: cover;
}

.task .list:nth-child(4) a.geted {
    background-position-y: -0.44rem;
}

.partTwo .text {
    width: 5.65rem;
}

.partTwo .text p {
    color: #ffedbe;
    font-size: 0.16rem;
    text-align: center;
    height: 0.67rem;
    line-height: 0.67rem;
}

.draw {
    width: 2.43rem;
    margin-top: 3.3rem;
    margin-left: 2.3rem;
    position: relative;
}

.draw a {
    display: inline-block;
    width: 2.43rem;
    height: 0.66rem;
    background: url(../images/draw-btn.png) no-repeat;
    background-size: cover;
}

.draw a.geted {
    background-position-y: -0.66rem;
}
.draw span{
    background: red;
    color: #fff;
    border-radius: .05rem;
    font-size: .16rem;
    padding: .05rem .08rem;
    position: absolute;
    top: -2.12rem;
    left: -1.49rem;
}

.btn-luckly {
    display: flex;
    width: 13.55rem;
    margin: 1.16rem auto 0;
    align-items: flex-start;
    justify-content: space-between;
}

.btn-luckly .btn {
    width: 8.18rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.btn-luckly .btn a {
    display: inline-block;
    width: 1.06rem;
    height: 0.27rem;
    background: url(../images/draw-area-btn.png) no-repeat;
    background-size: cover;
    margin-top: 0.87rem;
}

.btn-luckly .btn a.geted {
    background-position-y: -0.27rem;
}

.btn-luckly .luckly {
    width: 5rem;
    margin: 0.4rem auto 0;
}

.total-award {
    width: 8.92rem;
    margin: 2.72rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.05rem;
}

.total-award a {
    display: inline-block;
    width: 1.06rem;
    height: 0.27rem;
    background: url(../images/draw-area-btn.png) no-repeat;
    background-size: cover;
}

.total-award a.geted {
    background-position-y: -0.27rem;
}

/* 中奖玩家列表表格 */
.luckly-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.14rem;
    height: 1.75rem;
}

.luckly-table tbody tr {
    display: flex;
    justify-content: space-between;
}

.luckly-table tbody tr td {
    width: 1.2rem;
    color: #c9b896;
    font-size: 0.14rem;
    text-align: center;
    line-height: 0.35rem;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 显示省略号来表示溢出 */
    font-weight: 500;
}

.luckly-table tbody tr td:first-child {
    width: 1.5rem;
    margin-left: 0.4rem;
}

/* 分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.1rem;
}

.pagination a {
    color: #fee8b0;
    font-size: 0.16rem;
    text-decoration: none;
    padding: 0.05rem 0.1rem;
}

.pagination a.active {
    color: #ff0000;
    font-weight: bold;
}

.pagination a:hover {
    color: #ffedbe;
}

.pagination a.disabled {
    color: #555;
    pointer-events: none;
}

.pagination .ellipsis {
    color: #c9b896;
    font-size: 0.14rem;
    padding: 0.05rem 0.1rem;
}

.partThree {
    width: 14.44rem;
    margin: 1.5rem auto 0;
    height: 14.99rem;
    background: url(../images/partThree-bg1.png) no-repeat;
    background-size: cover;
}


.equip {
    width: 4.59rem;
    height: 2.49rem;
    margin-left: 2.62rem;
    padding-top: 0.88rem;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.equip img {
	width: 4.54rem;
    height: 2.44rem;
    object-fit: cover;
}

/* 周年商城样式 */
.shopping {
    width: 3.25rem;
    height: 2.62rem;
    margin: 2.54rem auto 0;
}

.shop-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.shop-container .gift-item:nth-child(1) {
    position: absolute;
    left: 48%;
    top: 8%;
    transform: translateX(-50%);
}

.shop-container .gift-item:nth-child(2) {
    position: absolute;
    left: 24%;
    top: 69%;
    transform: translate(-50%, -50%);
}

.shop-container .gift-item:nth-child(3) {
    position: absolute;
    right: 6%;
    top: 69%;
    transform: translate(-50%, -50%);
}

.gift-item {
    transition: all 0.3s ease;
    position: relative;
}

.gift-item:hover {
    transform: translateY(-0.1rem);
}

.gift-name {
    display: inline-block;
    width: 0.73rem;
    height: 0.73rem;
}


/* 礼包悬浮图片 */
.gift-preview {
    position: absolute;

    z-index: 100;
    opacity: 1;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
}

.gift-item:nth-child(1) .gift-preview {
    top: -80%;
    left: 150%;
}

.gift-item:nth-child(2) .gift-preview {
    top: 0;
    left: -310%;
}

.gift-item:nth-child(3) .gift-preview {
    top: 0;
    left: 120%;
}

.gift-preview:nth-child(1) img {
    width: 2.09rem;
    height: 1.49rem;
}

.gift-preview:nth-child(2) img {
    width: 2.09rem;
    height: 1.7rem;
}

.gift-preview:nth-child(3) img {
    width: 2.09rem;
    height: 1.7rem;
}

.gift-item:hover .gift-preview {
    opacity: 1;
    visibility: visible;
}


.partFour {
    width: 14.44rem;
    margin: 1.5rem auto 0;
    height: 21.8rem;
    background: url(../images/partFour-bg.png) no-repeat;
    background-size: cover;
}

.partFour .gif {
    width: 8.3rem;
    margin: 1rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partFour .gif img {
    width: 2.5rem;
    height: 2rem;
    object-fit: cover;
}

.recharge {
    width: 9.72rem;
    margin: 2.15rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recharge a {
    display: inline-block;
    width: 1.63rem;
    height: 0.44rem;
    background: url(../images/get-btn.png) no-repeat;
    background-size: cover;
}

.recharge a.geted {
    background-position-y: -0.44rem;
}

.recharge-total {
    width: 9.72rem;
    height: 7.1rem;
    margin: 0.9rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

.recharge-total a {
    display: inline-block;
    width: 1.63rem;
    height: 0.44rem;
    background: url(../images/get-btn.png) no-repeat;
    background-size: cover;
}

.recharge-total a.geted {
    background-position-y: -0.44rem;
}

.partFour .text {
    margin-top: 1rem;
}

.partFour .text p {
    font-size: 0.16rem;
    text-align: center;
    color: #fee8b0;
}