.page-wrapper {
    margin: 0 auto;
    width: 7.5rem;
}
.p-mode {
    width: 7.5rem;
    min-height: 16.24rem;
}
.p1 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/p1-hf.jpg') no-repeat;
    background-size: contain;
}
.p2 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/p2-jz.jpg') no-repeat;
    background-size: contain;
}
.p3 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/p3-ycmf.jpg') no-repeat;
    background-size: contain;
}
.p4 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/p4-ycwl.jpg') no-repeat;
    background-size: contain;
}
.p5 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/p5-zl.jpg') no-repeat;
    background-size: contain;
}
.mode {
    position: absolute;
    left: 0;
    top: 6.5rem;
    width: 100%;
    height: 8rem;
    padding: 0 .35rem;
}
.mode_slogan {margin-top: -.2rem;}
.mode_user_name, .mode_slogan {
    font-size: .3rem;
    color: #d2f1fa;
    margin-bottom: 0.1rem;
    width: 90%;
}
.p1-mode {
    margin: 0.2rem auto 0;
}
.p1-m1 { width: 6.7rem; height: 1.05rem; display: flex; align-items: center; justify-content: space-between; }
.p1-m2 { width: 6.68rem; height: .68rem;margin: 0.2rem auto 0.3rem; }
.p1-m3 { width: 4.39rem; height: 1.9rem; }
.p1-m4 { width: 6.73rem; height: 1.46rem; }

.p2-m1 { width: 6.76rem; height: 1.04rem; display: flex; align-items: center; justify-content: space-between; }
.p2-m2 { width: 6.68rem; height: .68rem; margin: 0.2rem auto 0.3rem; }
.p2-m3 { width: 5.55rem; height: 1.9rem; }
.p2-m4 { width: 6.73rem; height: 1.46rem; }

.p3-m1 { width: 6.77rem; height: 1.05rem; display: flex; align-items: center; justify-content: space-between; }
.p3-m2 { width: 6.68rem; height: .68rem; margin: 0.2rem auto 0.3rem; }
.p3-m3 { width: 4.87rem; height: 1.9rem; }
.p3-m4 { width: 6.73rem; height: 1.46rem; }

.p4-m1 { width: 6.77rem; height: 1.04rem; display: flex; align-items: center; justify-content: space-between; }
.p4-m2 { width: 6.68rem; height: .68rem; margin: 0.2rem auto 0.3rem; }
.p4-m3 { width: 4.87rem; height: 1.91rem; }
.p4-m4 { width: 6.73rem; height: 1.46rem; }

.p5-m1 { width: 6.76rem; height: 1.05rem; display: flex; align-items: center; justify-content: space-between; }
.p5-m2 { width: 6.68rem; height: .68rem; margin: 0.2rem auto 0.3rem; }
.p5-m3 { width: 5.22rem; height: 1.9rem; }
.p5-m4 { width: 6.73rem; height: 1.46rem; }

.p5-m1-img { width: 4.46rem; height: 1.05rem; }
.p5-m1-logo { width: 1.43rem; height: .76rem; }
/* .p5-m1-logo { width: 1.94rem; height: .48rem; } */
.p-flex-btn {
    margin-top: 0.1rem;
    display: flex;
    justify-content: space-around;
}
.p-btn {
    width: 3.08rem;
    height: .75rem;
}


.page1-m1 {
    position: relative;
    padding-top: 2.3rem;
    width: 7.5rem;
    height: 16.24rem;
    margin: 0 auto;
}
.page1-bg5 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/bg0.jpg') no-repeat;
    background-size: contain;
}
.page1-bg5-title {
    margin: 3rem auto 0;
    width: 5.7rem;
    height: 0.76rem;
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/a5-title.png') no-repeat;
    background-size: contain;
}
.page1-bg5-m { 
    position: relative;
    width: 6.36rem;
    height: 0.93rem; 
    margin: 0.5rem auto;
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/a5-input.png') no-repeat;
    background-size: contain;
}
.page1-bg5-m::after{
    content: ' ';
    position: absolute;
    right: 10%;
    top: 50%;transform: translateY(-50%);
    width: 0.46rem;
    height: 0.42rem;
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/a5-edit.png') no-repeat;
    background-size: contain;
}
.page1-bg5-input {
    z-index: 5;
    position: relative;
    text-align: center;
    font-size: 0.3rem;
    color: #a88c65;
    width: 6.36rem;
    height: 0.93rem;
    background: transparent;
}
.page1-bg5-btn {
    margin: 0 auto;
    width: 3.76rem;
    height: 0.93rem;
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/a5-btn.png') no-repeat;
    background-size: contain;
}
.p-qrcode-bg1 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/codebg1.png') no-repeat;
    background-size: contain;
}
.p-qrcode-bg2 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/codeb2.png') no-repeat;
    background-size: contain;
}
.p-qrcode-bg3 {
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/codebg3.png') no-repeat;
    background-size: contain;
}
.p-qrcode-bg {
    margin: 0 auto;
    width: 6.77rem;
    height: 1.37rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qrcode {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: .2rem;
    background: #fff;
}
.qrcode-text {
    width: 3.5rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
}

.testPoster {
    width: 5.35rem;
    height: 11.60rem;
}
.posterBtn {
    margin: .3rem auto 0;
    width: 3.67rem;
    height: .64rem;
    background: url('//game.gtimg.cn/images/ff14/cp/a20250421dt/test/up-img.png') no-repeat;
    background-size: contain;
}