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

.header {
    width: 18.3rem;
    display: flex;
    margin: 0 auto;
    padding-top: 0.5rem;
    justify-content: space-between;
    align-items: center;
}


.header img {
    width: 3.96rem;
    height: 1.72rem;
}


.main {
    width: 15rem;
    margin: 5.3rem auto 0;
}

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

.login p {
    font-size: 0.26rem;
    color: #763503;
}

.login p a {
    color: #d24109;
}

.partOne {
    width: 10.87rem;
    margin: 1.7rem auto 0;
    height: 8.83rem;
    background: url(./image/partOne-bg.png) no-repeat;
    background-size: cover;
}

.activeRule {
    width: 7.85rem;
    padding-top: 1.6rem;
    margin: 0 auto;
}

.activeRule .time a {
    display: inline-block;
    width: 1.12rem;
    height: 0.25rem;
    background: url(./image/activeTime-btn.png) no-repeat;
    background-size: cover;
}

.activeRule .rule a {
    display: inline-block;
    width: 1.12rem;
    height: 0.25rem;
    background: url(./image/activeRule-btn.png) no-repeat;
    background-size: cover;
}

.activeRule .time {
    margin-bottom: 0.05rem;
}

.activeRule .time p {
    line-height: 0.24rem;
}

.activeRule p {
    font-size: 0.14rem;
    color: #b0691e;
    line-height: 0.28rem;
}

.partOne .sign {
    width: 2.4rem;
    height: 1.6rem;
    margin: 1rem auto 0;
    cursor: pointer;
    position: relative;
}

.partOne .sign img {
    position: absolute;
    top: -1.4rem;
    left: 50%;
    transform: translate(-50%);
    display: none;
    width: 3.1rem;
    height: 1.37rem;
    object-fit: cover;
}

.partOne .sign:hover img {
    display: block;
}

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

.partOne .btn a {
    display: inline-block;
    width: 1.76rem;
    height: 0.58rem;
    background: url(./image/partOne-btn.png) no-repeat;
    background-size: cover;
}

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

.partOne .list {
    width: 9.4rem;
    margin: 1.05rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partOne .list a {
    display: inline-block;
    width: 1.19rem;
    height: 0.45rem;
    background: url(./image/getbtn.png) no-repeat;
    background-size: cover;
}

.partOne .list a.geted {
    background-position-y: -0.48rem;
}

.partTwo {
    width: 13.8rem;
    height: 6.48rem;
    margin: 1.5rem auto 0;
    background: url(./image/partTwo-bg.png) no-repeat;
    background-size: cover;
}

.partTwo .btn {
    margin-top: 3.1rem;
    text-align: center;
}

.partTwo .btn a {
    display: inline-block;
    width: 1.76rem;
    height: 0.58rem;
    background: url(./image/partTwo-btn.png) no-repeat;
    background-size: cover;
}

.partTwo .btn a.geted {
    background-position-y: -0.62rem;
}


.partThree {
    width: 11.4rem;
    height: 6.73rem;
    margin: 1.5rem auto 0;
    background: url(./image/partThree-bg.png) no-repeat;
    background-size: cover;
}

.partThree .activeRule .rule a {
    display: inline-block;
    width: 1.12rem;
    height: 0.25rem;
    background: url(./image/join-btn.png) no-repeat;
    background-size: cover;
}


.partThree .btn {
    width: 6.45rem;
    margin: 0.15rem auto 0;
    display: flex;
    flex-direction: column;
    align-items: self-end;
    justify-content: space-between;
    height: 1.95rem;
}


.partThree .btn a {
    display: inline-block;
    width: 1.19rem;
    height: 0.45rem;
    background: url(./image/partThree-btn.png) no-repeat;
    background-size: cover;
}

.partThree .btn a.geted {
    background-position-y: -0.5rem;
}

.partThree .text {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.05rem;
    margin-top: 0.15rem;
}

.partThree .text a {
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    background: url(./image/icon.png) no-repeat;
    background-size: cover;
}

.partThree .text p {
    color: #7c3c2a;
    font-size: 0.14rem;
}

.dhBtn {
    width: 11rem;
    margin: 1.1rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dhBtn a {
    display: inline-block;
    width: 1.76rem;
    height: 0.58rem;
    background: url(./image/partThree-btn2.png) no-repeat;
    background-size: cover;
}

.dhBtn a.geted {
    background-position-y: -0.63rem;
}

.dhBtn a:nth-child(4), .dhBtn a:nth-child(5) {
    display: inline-block;
    width: 1.76rem;
    height: 0.58rem;
    background: url(./image/partThree-btn3.png) no-repeat;
    background-size: cover;
}

.dhBtn a:nth-child(4).geted, .dhBtn a:nth-child(5).geted {
    background-position-y: -0.59rem;
}

.partFour {
    width: 9.01rem;
    height: 6.24rem;
    margin: 1.8rem auto 0;
    background: url(./image/partFour-bg.png) no-repeat;
    background-size: cover;
}

.partFour .text {
    width: 7.2rem;
    margin: 0.05rem auto 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.05rem;
}

.partFour .text a {
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    background: url(./image/icon.png) no-repeat;
    background-size: cover;
}

.partFour .text p {
    color: #7c3c2a;
    font-size: 0.14rem;
}

.partFour .btn {
    width: 6.1rem;
    margin: 0.15rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
    height: 2.95rem;
}

.partFour .btn a {
    display: inline-block;
    width: 1.19rem;
    height: 0.45rem;
    background: url(./image/getbtn.png) no-repeat;
    background-size: cover;
}

.partFour .btn a.geted {
    background-position-y: -0.48rem;
}

.partFive {
    width: 11.4rem;
    height: 11.4rem;
    margin: 1.8rem auto 0;
    background: url(./image/partFive-bg.png) no-repeat;
    background-size: cover;
    position: relative;
}

.partFive .nr a {
    display: inline-block;
    width: 1.12rem;
    height: 0.25rem;
    background: url(./image/nr-btn.png) no-repeat;
    background-size: cover;
}

.partFive .jl a {
    display: inline-block;
    width: 1.12rem;
    height: 0.25rem;
    background: url(./image/jl-btn.png) no-repeat;
    background-size: cover;
}

.partFive .sx a {
    display: inline-block;
    width: 1.12rem;
    height: 0.25rem;
    background: url(./image/sx-btn.png) no-repeat;
    background-size: cover;
}

.gvShow {
    position: absolute;
    top: 4.38rem;
    right: 2.25rem;
}

.gvShow a {
    display: inline-block;
    width: 1.19rem;
    height: 0.45rem;
    background: url(./image/gvShow-btn.png) no-repeat;
    background-size: cover;
}

.lottery {
    width: 5.49rem;
    height: 5.13rem;
    background: url(./image/lottery-bg.png) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    margin: 0 auto;
}

.lottery .turntable_img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.16rem;
    height: 2.28rem;
    object-fit: cover;
    z-index: 1;
}

.lottery .turntable_btn1 {
    width: 1.22rem;
    height: 0.59rem;
    background: url(./image/one-btn.png) no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
    border: none;
    cursor: pointer;
}

.lottery .turntable_btn2 {
    width: 1.22rem;
    height: 0.59rem;
    background: url(./image/ten-btn.png) no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    border: none;
    cursor: pointer;
}


.partFive .text {
    width: 11rem;
    margin: 1.3rem auto 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.05rem;
}

.partFive .text a {
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    background: url(./image/icon.png) no-repeat;
    background-size: cover;
}

.partFive .text p {
    color: #7c3c2a;
    font-size: 0.14rem;
}

.partFive .btn {
    width: 10.9rem;
    margin: 0.8rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partFive .btn a {
    display: inline-block;
    width: 1.76rem;
    height: 0.58rem;
    background: url(./image/partFive-btn.png) no-repeat;
    background-size: cover;
}

.partFive .btn a.geted {
    background-position-y: -0.61rem;
}

.partFive .btn a:nth-child(4) {
    display: inline-block;
    width: 1.76rem;
    height: 0.58rem;
    background: url(./image/partFive-btn2.png) no-repeat;
    background-size: cover;
}

.partFive .btn a:nth-child(4).geted {
    background-position-y: -0.59rem;
}

.partFive .btn a:nth-child(5) {
    display: inline-block;
    width: 1.76rem;
    height: 0.58rem;
    background: url(./image/partFive-btn3.png) no-repeat;
    background-size: cover;
}

.partFive .btn a:nth-child(5).geted {
    background-position-y: -0.59rem;
}

/* 概率详情弹框 */
.gvDetailPage {
    background: url(./image/gvDetail-bg.png) no-repeat;
    background-size: cover;
}

.gvDetailPage .lay_close {
    font-size: 0.2rem;
    top: 0.7rem;
    right: 1.9rem;
    opacity: 0;
}

/* 概率详情弹框 end*/
/* 抽奖记录弹框*/
.cjRecordPage {
    background-image: url(./image/cjRecord-bg.png);
    background-size: 100% 100%;
}

.cjRecordPage .lay_content {
    margin-top: 1.255rem;
}

.cjRecordPage .lay_close {
    font-size: 0.25rem;
    top: 0.2rem;
    right: 0.65rem;
    opacity: 0;
}

.tablePages {
    width: 84%;
    margin: 0 auto;
    padding-right: 0.1rem;
    color: #000;
    height: 2.93rem;
    line-height: 0.29rem;
}

.tablePages .itemClass {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tablePages .itemClass span {
    width: 50%;
    display: block;
    text-align: center;
}


#pagings {
    text-align: center;
    width: 5.08rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0)
}

#pagings .layui-laypage a {
    background-color: transparent;
    border: none;
    font-size: 0.14rem;
    color: #1a1a1a !important;
}

#pagings .layui-disabled {
    color: #1a1a1a !important;
}

/* 抽奖记录弹框 end*/