@charset "utf-8";

@import "../css/reset.css";
@import "../css/pop1.css?v=20260903-1";


html,
body {
    margin: 0;
    padding: 0;
    background: #fff;
}

.wrap {
    width: 100%;
    overflow: hidden;
}

.page {
    position: relative;
    width: 7.5rem;
    height: 40rem;
    margin: 0 auto;
    overflow: hidden;
}

.head-bg,
.main-bg {
    position: absolute;
    left: 0;
    width: 7.5rem;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.head-bg {
    top: 0;
    height: 11.5rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/head_bg.jpg");
    background-size: 7.5rem 11.5rem;
}

.main-bg {
    margin-top: 0px;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/bg.jpg");
    background-size: 7.5rem 118.8rem;
}

.part {
    position: static;
    width: 7.5rem;
    height: 0;
}

.part-4,
.part-5 {
    position: relative;
}

.top-logo,
.btn-rule-side,
.head-download,
.part-title,
.part-image,
.image-btn,
.btn_guide,
.btn-inv-history,
.tag,
.part5-tips,
.part7-qr,
.decorate {
    position: absolute;
}

.mobile-top-logo {
    top: .14rem;
    left: .26rem;
    width: 2.09rem;
    height: .62rem;
    z-index: 5;
}

.tag img,
.mobile-top-logo img,
.part-title img,
.part-image,
.head-download img,
.part7-qr,
.decorate {
    display: block;
    width: 100%;
    height: 100%;
}

.btn-rule-side {
    top: 2.55rem;
    left: 7.02rem;
    width: .48rem;
    height: 1.66rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-rule.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: transparent;
    font-size: 0;
}

.user-info {
    display: block;
    top: 11.35rem;
    color: #22325f;
}

#logined {
    display: inline;
}

#roleInfo {
    display: inline;
}

#logoutBtn {
    color: #fff;
    text-decoration: none;
}


.user-info a,
.user-info .logout-entry,
.user-info .logout-entry a,
.user-info .logout-entry a:visited,
.user-info .logout-entry a:hover,
.user-info .logout-entry a:active {
    color: #22325f;
}

.btn-down-part0 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-down.png");
}

.btn-downed-part0,
.btn-down-part0.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-downed.png");
}


.btn-part0 {
    width: 3.44rem;
    height: .92rem;
    position: absolute;
    bottom: 1.12rem;
}

.flex-page {
    display: flex;
    flex-direction: column;
    width: 7.5rem;
    height: 130.3rem;
}

.flex-page .head-bg,
.flex-page .main-bg {
    position: relative;
    top: auto !important;
    left: auto;
    flex-shrink: 0;
    width: 7.5rem;
}

.flex-page .head-bg {
    display: flex;
    flex: 0 0 11.5rem;
    flex-direction: column;
    align-items: center;
    height: 11.5rem;
}

.flex-page .main-bg {
    display: flex;
    flex: 0 0 118.8rem;
    flex-direction: column;
    align-items: center;
    height: 118.8rem;
}

.flex-page .mobile-top-logo {
    position: static;
    align-self: flex-start;
    flex: 0 0 .93rem;
    width: 2.74rem;
    height: 1.01rem;
    margin: .78rem 0 0 .3rem;
}

.flex-page .head-downloads {
    position: static;
    display: flex;
    flex: 0 0 .54rem;
    flex-direction: row;
    justify-content: space-between;
    width: 6.9rem;
    height: .54rem;
    margin-top: 9.88rem;
}

.flex-page .head-download {
    position: static;
    flex: 0 0 2.11rem;
    width: 2.11rem;
    height: .54rem;
}

.flex-page .user-info {
    position: static;
    flex: 0 0 .3rem;
    width: 4.5rem;
    height: .3rem;
    text-align: center;
    color: #fff;
    font-size: .22rem;
}

.flex-page .user-info a {
    color: #dec978;
    text-decoration: underline;
}

.flex-page.has-downloads .user-info {
    margin-top: .15rem;
}

.flex-page.no-downloads .user-info {
    margin-top: 8rem;
}

.flex-page .part {
    position: relative;
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    width: 7.5rem;
    height: auto;
    box-sizing: border-box;
    transform: none;
}

.flex-page .part>.part-title,
.flex-page .part>.part-image,
.flex-page .part>.image-btn,
.flex-page .part>.btn-inv-history,
.flex-page .part>.btn-group-part1,
.flex-page .part>.part-actions,
.flex-page .part-actions>.image-btn,
.flex-page .part-actions>.btn-inv-history {
    position: static;
    flex: none;
}

.tag {
    width: 7.5rem;
    height: .46rem;
    bottom: 0.75rem;

}


.flex-page .part-1 {
    flex-basis: 8.6rem;
}

.flex-page .title-1 {
    width: 7.5rem;
    height: 2.45rem;
    margin-top: 0.7rem;
}

.flex-page .part1-image {
    width: 7.5rem;
    height: 5.28rem;
    margin-top: -.3rem;
}


.flex-page .image-btn.btn-part1 {
    width: 3.44rem;
    height: .92rem;
    margin-top: -.8rem;
}

.btn-get-part1 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-get.png");
}

.btn-got-part1,
.btn-get-part1.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-got.png");
}

.btn-get-part2 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-get.png");
}

.btn-got-part2,
.btn-get-part2.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-got.png");
}



/* .flex-page .btn-part2 {
    width: 2.14rem;
    height: .59rem;
} */

.flex-page .part-2 {
    flex-basis: 12.5rem;
}

.flex-page .title-2 {
    width: 7.5rem;
    height: 2.53rem;
    margin-top: 0.45rem;
}

.flex-page .part2-image {
    width: 7.5rem;
    height: 8.16rem;
    margin-top: .1rem;
}


.flex-page .image-btn.btn-part2 {
    width: 3.44rem;
    height: .92rem;
    margin-top: .15rem;
}

.flex-page .part-3 {
    flex-basis: 10rem;
}

.flex-page .title-3 {
    width: 7.5rem;
    height: 2.52rem;
    margin-top: .45rem;
}

.flex-page .part3-image {
    width: 7.5rem;
    height: 5.25rem;
    margin-top: .15rem;
}

.flex-page .image-btn.btn-part3 {
    width: 3.44rem;
    height: .92rem;
    margin-top: .05rem;
}

.btn-down-part3 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-down-PC.png");
}

.btn-downed-part3,
.btn-down-part3.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-downed.png");
}

.flex-page .part-4 {
    flex-basis: 8.6rem;
}

.flex-page .title-4 {
    width: 7.5rem;
    height: 2.28rem;
    margin-top: 1.15rem;
}

.flex-page .part4-image {
    width: 6.53rem;
    height: 3.62rem;
    margin-top: .2rem;
}

.flex-page .image-btn.btn-part4 {
    width: 3.06rem;
    height: .83rem;
    margin-top: .2rem;
}

.btn-get-part4 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-get-pack.png");
}

.btn-got-part4,
.btn-get-part4.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-got.png");
}


.flex-page .part-5 {
    flex-basis: 10rem;
}

.flex-page .title-5 {
    width: 7.5rem;
    height: 1.76rem;
    margin-top: .55rem;
}

.flex-page .part5-image {
    width: 7.5rem;
    height: 11.14rem;
    margin-top: .3rem;
}

.flex-page .part-6 {
    flex-basis: 10rem;
}

.flex-page .title-6 {
    width: 7.5rem;
    height: 2.02rem;
    margin-top: .65rem;
}

.lottery {
    margin-top: .27rem;
    display: grid;
    grid-template-columns: repeat(3, 2.2rem);
    justify-content: center;
    gap: .17rem;
    width: 7.5rem;
}

.lottery-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/lottery-box.png");
    background-size: 100% 100%;
}

.btn-lottery-part6 {
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/lottery-now.png");
    background-size: 100% 100%;
}

.prize-img {
    position: absolute;
    top: -.1rem;
    width: 1.8rem;
    height: 1.8rem;
    /* margin-bottom: .15rem; */
    margin-top: .0rem;

}

.prize-name {
    font-size: .21rem;
    color: #fff;
    text-align: center;
    line-height: .24rem;
}

.prize-text {
    display: flex;
    flex-direction: column;
    margin-bottom: .13rem;
    align-items: center;
    justify-content: center;
    height: .5rem;
    width: 2.2rem;
}

.prize-limit {
    position: absolute;
    width: .65rem;
    height: .53rem;
    top: .04rem;
    right: .08rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/limited-tag.png");
    background-size: 100% 100%;
}

.flex-page .image-btn.btn-part6 {
    width: .89rem;
    height: .23rem;
    margin-top: .3rem;
}

.btn-record-part6 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-prize-record.png");
}


.flex-page .part-7 {
    flex-basis: 36.6rem;
}

.flex-page .title-7 {
    width: 7.5rem;
    height: 1.75rem;
    margin-top: 1.4rem;
}

.flex-page .part7-image {
    width: 7.5rem;
    height: 32.71rem;
    margin-top: .25rem;
}

.flex-page .part-8 {
    flex-basis: 7.5rem;
}

.flex-page .title-8 {
    width: 7.5rem;
    height: 2.07rem;
    margin-top: 1.2rem;
}

.flex-page .part8-image {
    width: 7.5rem;
    height: 2.19rem;
    margin-top: .25rem;
}

.flex-page .image-btn.btn-part8 {
    width: 3.44rem;
    height: .92rem;
    margin-top: .25rem;
}

.btn-get-part8 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-get.png");
}

.btn-got-part8,
.btn-get-part8.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-got.png");
}

.flex-page .part-9 {
    flex-basis: 10rem;
}

.flex-page .title-9 {
    width: 7.5rem;
    height: 1.76rem;
    margin-top: .33rem;
}

.flex-page .part9-image {
    width: 7.5rem;
    height: 9.92rem;
    margin-top: -2.7rem;
}

.flex-page .image-btn.btn-part9 {
    width: 3.44rem;
    height: .92rem;
    margin-top: -.25rem;
}

.btn-sub-part9 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-sub.png");
}

.btn-subed-part9,
.btn-sub-part9.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260821/phase3/btn-subed.png");
}

.flex-page .part-10 {
    flex-basis: 8.48rem;
}

.flex-page .title-10 {
    width: 7.5rem;
    height: 2.48rem;
    margin-top: .55rem;
}

.flex-page .part10-image {
    width: 7.5rem;
    height: 5.14rem;
    margin-top: .15rem;
}