@charset "utf-8";

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

html,
body {
    min-height: 100%;
}

body {
    overflow-x: hidden;
    background: #e4eafe;
    color: #2b3978;
}

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

.design-page.pc-page {
    position: relative;
    width: 19.2rem;
    height: 136.2rem;
    min-height: 0;
    margin: 0 auto;
    overflow: hidden;
}

.design-page .pc-container {
    position: relative;
    display: flex;
    flex: 0 0 136.2rem;
    flex-direction: column;
    width: 19.2rem;
    height: 136.2rem;
}

.design-page .pc-hero,
.design-page .pc-main {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    flex: 0 0 auto;
    width: 19.2rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 19.2rem auto;
}

.design-page .pc-hero {
    flex-basis: 9.845rem;
    height: 9.845rem;
}

.design-page .pc-main {
    flex-basis: 126.355rem;
    flex-direction: column;
    align-items: stretch;
    height: 126.355rem;
    box-sizing: border-box;
}

.head-bg {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x_pc/head_bg.jpg");
}

.main-bg {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x_pc/bg.jpg");
}

.design-page .hero-download {
    position: absolute;
    z-index: 6;
    display: block;
    top: 7.95rem;
    left: 7.665rem;
    width: 3.87rem;
    height: 1rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.design-page .design-action {
    position: absolute;
    z-index: 6;
    display: block;
    top: 8.01rem;
    left: 7.875rem;
    width: 3.45rem;
    height: .88rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.design-page .hero-download {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/btn-down.png");
}

.down-qr {
    display: none;
    position: absolute;
    z-index: 10;
    width: 6.28rem;
    height: 3.69rem;
    gap: .20rem;
    margin-top: -2rem;
}

.down-qr.is-show {
    display: flex;
}

.down-qr-item {
    position: relative;
    flex: 0 0 3.04rem;
    width: 3.04rem;
    height: 3.69rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.down-qr-item-ios {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/pop/ios-qrbg.png");
}

.down-qr-item-android {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/pop/Android-qrbg.png");
}

.down-qr-code {
    position: absolute;
    top: .18rem;
    left: .30rem;
    width: 2.44rem;
    height: 2.44rem;
    display: block;
}

.top-logo,
.btn-rule-side,
.user-info,
.pc-download,
.part-title,
.part-image,
.image-btn,
.btn-inv-history,
.part5-tips,
.part7-qr,
.pc-more-copy {
    position: absolute;
}

.top-logo,
.btn-rule-side,
.user-info,
.pc-download {
    z-index: 5;
}

.top-logo {
    top: .16rem;
    left: .5rem;
    width: 3.35rem;
    height: 1.5rem;
}

.top-logo img,
.part-title img,
.part-image {
    display: block;
    width: 100%;
    height: 100%;
}

.design-page .pc-part {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 19.2rem;
    min-height: 0;
    padding: 0;
    transform: none;
    transform-origin: top center;
}

.design-page .pc-part .part-title,
.design-page .pc-part .part-image,
.design-page .pc-part .design-action {
    position: static;
    top: auto;
    left: auto;
    flex: 0 0 auto;
    margin: 0;
    transform: none;
    display: block;
}

.design-page .pc-part .part-title img,
.design-page .pc-part .part-image {
    display: block;
    width: 100%;
    height: 100%;
}

.design-page .pc-part .part2-action,
.design-page .pc-part .part4-action,
.design-page .pc-part .part5-action,
.design-page .pc-part .part6-action,
.design-page .pc-part .part7-action,
.design-page .pc-part .part9-action {
    width: 3.45rem;
    height: 0.88rem;
}

.design-page .pc-part .design-action,
.design-page .pc-part a {
    pointer-events: auto;
}


.design-page .pc-part--1 {
    flex: 0 0 9.5rem;
    margin-top: .35rem;
}

.design-page .pc-part--1 .title-1 {
    width: 10rem;
    height: 2.46rem;
    margin-top: .05rem;
}

.design-page .pc-part--1 .part1-image {
    width: 18.225rem;
    height: 5.245rem;
    margin-top: .2rem;
}

.design-page .pc-part--1 .part1-action {
    margin-top: .15rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x_pc/btn-go.png");
}


.design-page .pc-part--2 {
    flex: 0 0 13rem;
    margin-top: .35rem;
}

.design-page .pc-part--2 .title-2 {
    width: 10rem;
    height: 3.03rem;
}

.design-page .pc-part--2 .part2-image {
    width: 9.01rem;
    height: 8.59rem;
    margin-top: .15rem;
}

.design-page .pc-part--2 .part2-action {
    margin-top: .1rem;
}

.design-page .pc-part--2 .btn-get {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x_pc/btn-get.png");
}

.design-page .pc-part--2 .btn-got {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x_pc/btn-got.png");
}

.design-page .pc-part--3 {
    flex: 0 0 11rem;
    margin-top: .6rem;
}

.design-page .pc-part--3 .title-3 {
    width: 10rem;
    height: 2.97rem;
}

.design-page .pc-part--3 .part3-image {
    width: 8.95rem;
    height: 5.61rem;
    margin-top: .15rem;
}

.design-page .pc-part--3 .part3-action {
    margin-top: .05rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x_pc/PC-down.png");

}

.design-page .pc-part--4 {
    flex: 0 0 17rem;
    margin-top: 1.5rem;
}

.design-page .pc-part--4 .title-4 {
    width: 10rem;
    height: 2.18rem;
}

.design-page .pc-part--4 .part4-image {
    width: 8.33rem;
    height: 14.35rem;
    margin-top: .25rem;
}


.design-page .pc-part--5 {
    flex: 0 0 10.5rem;
    margin-top: .6rem;
}

.design-page .pc-part--5 .title-5 {
    width: 10rem;
    height: 3.46rem;
}

.design-page .pc-part--5 .part5-image {
    width: 8.86rem;
    height: 6.39rem;
    margin-top: .3rem;
}


.design-page .pc-part--6 {
    flex: 0 0 45rem;
    margin-top: .15rem;
}

.design-page .pc-part--6 .title-6 {
    width: 10rem;
    height: 2.73rem;
}

.design-page .pc-part--6 .part6-image {
    width: 10.53rem;
    height: 40.99rem;
    margin-top: .25rem;
}


.design-page .pc-part--7 {
    flex: 0 0 0rem;
    margin-top: 1.6rem;
}

.design-page .pc-part--7 .title-7 {
    width: 10rem;
    height: 2.41rem;
}

.design-page .pc-part--7 .part7-image {
    width: 10.66rem;
    height: 13.59rem;
    margin-top: -3.9rem;
}