@charset "utf-8";

@import "../css/reset.css";
@import "../css/pop.css?v=20260908-browser-tip1";

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

.design-page {
    display: flex;
    flex-direction: column;
    width: 7.5rem;
    height: 120rem;
    overflow: hidden;
}

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

.head-bg,
.main-bg {
    background-position: 0 0;
    background-repeat: no-repeat;
}

.design-page .head-bg {
    position: relative;
    display: block;
    flex: 0 0 9.51rem;
    width: 7.5rem;
    height: 9.51rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/head_bg.jpg");
    background-size: 7.5rem 9.51rem;
}

.design-page .main-bg {
    position: relative;
    display: flex;
    flex: 0 0 110.49rem;
    flex-direction: column;
    align-items: center;
    width: 7.5rem;
    height: 110.49rem;
    overflow: visible;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/bg.jpg");
    background-size: 7.5rem 110.49rem;
    margin-top: -2px;
}

.flex-page .mobile-top-logo {
    position: static;
    align-self: flex-start;
    flex: 0 0 .93rem;
    width: 2.02rem;
    height: .93rem;
    margin: .14rem 0 0 .14rem;
}

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



.design-page .hero-download,
.design-page .design-action {
    position: static;
    display: block;
    flex: none;
    width: 3.42rem;
    height: .89rem;
    margin: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.design-page .hero-download {
    position: absolute;
    z-index: 5;
    top: 7.55rem;
    left: 2.04rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/btn-Mdown.png");
}

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

.design-page .part>.part-title,
.design-page .part>.design-part-image,
.design-page .part>.design-action {
    position: static;
    flex: none;
}

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



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

.design-page .title-1 {
    width: 7.5rem;
    height: 2.9rem;
    margin-top: .7rem;
}

.design-page .part1-image {
    width: 7.5rem;
    height: 3.25rem;
    margin-top: .11rem;
}

.design-page .part1-action {
    margin-top: .25rem;
    z-index: 5;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/btn-go.png");
}

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

.design-page .title-2 {
    width: 7.5rem;
    height: 2.95rem;
    margin-top: .7rem;
}

.design-page .part2-image {
    width: 7.5rem;
    height: 7.1rem;
}

.design-page .part2-action {
    margin-top: .1rem;
    z-index: 5;
}

.design-page .part2-action.btn-get {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/btn-get.png");
}

.design-page .part2-action.btn-got {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/btn-got.png");
}

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

.design-page .title-3 {
    width: 7.5rem;
    height: 2.93rem;
    margin-top: .6rem;
}

.design-page .part3-image {
    width: 7.5rem;
    height: 3.62rem;
    margin-top: .1rem;
}

.design-page .part3-action {
    margin-top: .15rem;
    z-index: 5;
}

.design-page .part3-action.btn-get {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/btn-get2.png");
}

.design-page .part3-action.btn-got {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/btn-got.png");
}

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

.design-page .title-4 {
    width: 7.5rem;
    height: 2.86rem;
    margin-top: .65rem;
}

.design-page .part4-image {
    width: 7.5rem;
    height: 4.83rem;
    margin-top: .25rem;
}

.design-page .part4-action {
    /* margin-top: .1rem; */
    z-index: 5;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/PC-down.png");
}

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

.design-page .title-5 {
    width: 7.5rem;
    height: 1.86rem;
    margin-top: 1.65rem;
}

.design-page .part5-image {
    width: 7.5rem;
    height: 11.33rem;
    margin-top: .25rem;
}

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

.design-page .title-6 {
    width: 7.5rem;
    height: 2.87rem;
    margin-top: .25rem;
}

.design-page .part6-image {
    width: 7.5rem;
    height: 5.14rem;
    margin-top: .25rem;
}

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

.design-page .title-7 {
    width: 7.5rem;
    height: 2.13rem;
    margin-top: .25rem;
}

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

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

.design-page .title-8 {
    width: 7.5rem;
    height: 2.29rem;
    margin-top: 1rem;
}

.design-page .part8-image {
    width: 7.5rem;
    height: 9.92rem;
    margin-top: -2.8rem;
}

.design-page .part8-action {
    margin-top: -.5rem;
    z-index: 5;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908/x/btn-sub.png");
}