body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
em{font-weight: inherit;}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;margin:0;padding:0;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
body{background:#101822;-webkit-text-size-adjust:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{ text-decoration:none;}
.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.hide{height:0; line-height:0; font-size:0; visibility:hidden; display:none;}
html{font-size:100px;}
body,html{width:100%;height:100%;}
.landscape i{
    width: 1.16rem;height:1.18rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/phone-land.png) no-repeat;background-size:100% auto;
    margin-bottom: .2rem;
}
.landscape {
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .22rem;
    color: #fff;
    text-align: center;
}
*{
    /* user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none; */
}
img {
    /* pointer-events: none;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none; */
}
@font-face{
  font-family: zzgf_h;  
  src: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/font/zzgf_h.woff) format('woff'),
  url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/font/zzgf_h.woff2) format('woff2'),
  url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/font/zzgf_h.otf) format('otf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* @font-face{
  font-family: HYQiHei45S;
  src: url(https://game.gtimg.cn/images/world/a20250327mp/card0119/compress_font/HYQiHei-45S.ttf) format('ttf'),
  url(https://game.gtimg.cn/images/world/a20250327mp/card0119/compress_font/HYQiHei-45S.woff) format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
} */

.hgFonst {
    text-align: center;
    width: 1.1rem;
    color: #565656;
    font-size: .14rem;
    text-decoration: underline;
    margin: 0.15rem auto 0;
    display: block;
}
.swiper-container {width: 100%;height: 100%;font-size:.24rem;color:#bcbaba;position: relative;}
.swiper-slide{position: relative;height: 100%;width: 100%;}
.swiper-wrapper{
    -webkit-transition-delay:.3s;
}

/* 从左往右出现 */
.ani-slide .slide-in-left {
  animation: slideInLeft 0.5s ease-out forwards;
  opacity: 0;
  transform: translateX(-100%);
}
@keyframes slideInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 从右往左出现 */
.ani-slide .slide-in-right {
  animation: slideInRight 0.5s ease-out forwards;
  opacity: 0;
  transform: translateX(100%);
}
@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 从上往下出现 */
.ani-slide .slide-in-top {
  animation: slideInTop 0.5s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
  transform: translateY(-100%);
}
@keyframes slideInTop {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 从下往上出现 */
.ani-slide .slide-in-bottom {
  animation: slideInBottom 0.5s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
  transform: translateY(100%);
}
@keyframes slideInBottom {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 缩小淡出 */
.ani-slide .slide-in-fadeIn {
  animation: fadeIn 0.5s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
  transform: scale(1.1);
}
@keyframes fadeIn {
  to {
    opacity: 1;
    transform: scale(1);
    /* transform: translateY(0); */
  }
}
/* 放大淡出 */
.slide-in-fadeIns {
  animation: fadeIn 0.5s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
  transform: scale(0.8);
}
@keyframes fadeIns {
  to {
    opacity: 1;
    transform: scale(1);
    /* transform: translateY(0); */
  }
}
.ani-slide .box { 
    opacity: 1 !important; 
}
.ani-slide .a-delay-3 {animation-delay: 0.3s;}
.ani-slide .a-delay-6 {animation-delay: 0.6s;}
.ani-slide .a-delay-9 {animation-delay: 0.9s;}
.ani-slide .a-delay-12 {animation-delay: 1.2s;}
.ani-slide .a-delay-15 {animation-delay: 1.5s;}
.ani-slide .a-delay-18 {animation-delay: 1.8s;}
.ani-slide .a-delay-21 {animation-delay: 2.1s;}
.ani-slide .a-delay-24 {animation-delay: 2.4s;}


.sTpis, .xTpis, .iTpis {
  position: relative;
}
.xTpis::after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: -.04rem;
  width: 100%;
  height: .06rem;
  background: #1e305e;
  opacity: .8;
}
.iTpis::before {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: -.3rem;
  width: 2.46rem;
  height: .14rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/HonorACE.png) no-repeat;
  background-position: center right;
  background-size: 100% 100%;
}

.sTpis::after {
  content: ' ';
  position: absolute;
  right: .06rem;
  bottom: .04rem;
  width: 100%;
  height: .06rem;
  background: #1e305e;
  opacity: .8;
}
.sTpis::before {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: -.3rem;
  width: 2.46rem;
  height: .14rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/HonorACE.png) no-repeat;
  background-position: center right;
  background-size: 100% 100%;
}

.pop8-btn-sy {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/suoyao.png) no-repeat;
    background-size: 100% 100%;
}
.pop8-btn-lq {
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop7-btn1.png) no-repeat;
  background-size: 100% 100%;
}
.pop8-btn-ylq {
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop7-btn2.png) no-repeat;
  background-size: 100% 100%;
}
.pop8-btn-zs {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop8-btn3.png) no-repeat;
    background-size: 100% 100%;
}
.pop8-btn-yzs {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop8-btn4.png) no-repeat;
    background-size: 100% 100%;
}

.pop8-btn2-qtdl {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop8-btn0.png) no-repeat;
    background-size: 100% 100%;
}
.pop8-btn2-lq {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop8-btn1.png) no-repeat;
    background-size: 100% 100%;
}
.pop8-btn2-ylq {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop8-btn2.png) no-repeat;
    background-size: 100% 100%;
}

.pop1-btn1-qhzh {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn1-1.png) no-repeat;
    background-size: 100% 100%;
}
.pop1-btn1-qr {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn2.png) no-repeat;
    background-size: 100% 100%;
}
.pop1-btn1-qx {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn3.png) no-repeat;
    background-size: 100% 100%;
}
.pop1-btn1-ty {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn4.png) no-repeat;
    background-size: 100% 100%;
}


.pop6-btn-lq {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn5.png) no-repeat;
    background-size: 100% 100%;
}
.pop6-btn-ylq {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn5-1.png) no-repeat;
    background-size: 100% 100%;
}
.pop7-btn-lq {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop7-btn1.png) no-repeat;
    background-size: 100% 100%;
}
.pop7-btn-ylq {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop7-btn2.png) no-repeat;
    background-size: 100% 100%;
}


.pop8-b-qq {margin-right: .1rem; width: .2rem;height: .25rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/qq1.png) no-repeat;
  background-size: 100% 100%;
}
.pop8-b-wx {margin-right: .1rem; width: .3rem;height: .24rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/wx1.png) no-repeat;
  background-size: 100% 100%;
}


.nav {
    z-index: 99;
    position: absolute;
    left: .3rem;
    top: 1rem;
    width: 5.7rem;
    height: .26rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: .26rem;
    color: #cfcfcf;
    /* border:1px solid red; */
}
.nav1 {width: 6.7rem;}
.p0-login {
    font-size: .26rem;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* align-items: center; */
}
.p0-login-row {
    display: flex;
    flex-direction: row;
}
.p0-partitionName {
    display: block;
    max-width: 2.70rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.p0-roleName {
    display: block;
  max-width: 1.90rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.switchArea {
    color: #b3ceff;
}
.nav-rule {
  width: .60rem;
  height: .50rem;
  background: url('https://game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/iconRule.png') no-repeat;
  background-size: .31rem .31rem;
  background-position: center center;
}

.pageBox {
    width: 100%;
    height: 100vh;
    position: relative;
}

.bg{
    overflow: hidden;
    width: 100%;
    height:100%;
    position: relative;
    background:url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* 
.ani-slide .sloga-tit{-webkit-animation: sloga 2s 1.5s linear both;}
@-webkit-keyframes sloga{
    0%,35%,55%,75%,100%{-webkit-transform: scale(1)}
    45%,65%{-webkit-transform: scale(1.08)}
} */
.ztBg1 {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a1/ztbg.jpg) no-repeat; 
    background-size: 100% auto;
    background-position: center center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.plr5 {    
    padding: 0 .5rem;
    box-sizing: border-box;
}
.popBox { opacity: 0;}
.box {
    opacity: 0;
    /* width: 6.5rem; */
    position: relative;
    width: 7.5rem;
    min-height: 13.34rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 1.58rem;
    /* border: 1px solid #fff; */
}

.btn-nextpage{
    position: absolute;
    /* right: .5rem;
    bottom: -1.35rem; */
    right: .5rem;
    bottom: 1.45rem;
    z-index: 100;
    /* width: 1.5rem; */
    /* height:.26rem; */
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: .22rem;
    color: #cfcfcf;
}
.btn-nextpage9 {
    position: absolute;
    bottom: .3rem;
}
.btn-nextpage0 {
  font-size: .26rem;
  font-weight: bold;
  width: 4.16rem;
  height: 3.32rem;
  bottom: 0;
  right: 0;
  justify-content: center;
  background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/a0/nextBg.png) no-repeat;
  background-size: 4.16rem 3.32rem;
  background-position: center center;
}

.btn-nextpage i{
    display: block;
    margin-left: .1rem;
    width: .21rem;
    height:.24rem;
    position: relative;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/iconFy.png) no-repeat;
    background-size:100% 100%;
    background-position: center center;
    animation: nextarrow .8s 0s linear infinite alternate;
}

.skip {
  font-size: .22rem;
  color: transparent;
  position: absolute;
  right: .30rem;
  top: 1rem;
  width: 1.30rem;
  height: .26rem;
  text-align: right;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/skip.png?v=1) no-repeat;
    background-size: .74rem .25rem;
    background-position: center center;
}
@keyframes nextarrow {
    0%{-webkit-transform: translateY(.05rem);opacity: 1;}
    100%{-webkit-transform: translateY(-.05rem);opacity: .6;}
}

/* bg-login */
.bg-login {
    position: relative;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/login/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.login-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2rem;
    z-index: 100;
    width: 6.12rem;
}
.login-btn-qq {
    margin-bottom: .3rem;
    display: block;
    width: 6.12rem;
    height: 1.08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/login/qq.png) no-repeat;
    background-size:100% auto;
}
.login-btn-wx {
    display: block;
    width: 6.12rem;
    height: 1.08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/login/wx.png) no-repeat;background-size:100% auto;
}

/* p0 */
.bg0 {
    position: relative;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a0/a0-bg.jpg) no-repeat;background-size:100% auto;
    background-position: center bottom;
}

/* p1 */
.p1-title {
    position: relative;
    width: 100%;
    min-height: .4rem;
    font-size: .26rem;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.p1-title::before{
    content: "";
    position: absolute;
    left: -.2rem;
    top: -.43rem;
    width: 1.26rem;
    height: .83rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a1/a1-icon1.png) no-repeat;background-size:100% auto;
}
.p1-date {
    font-family: zzgf_h;
    background-position: 0px -1rem;
    position: relative;
    width: 100%;
    min-height: .7rem;
    font-size: .5rem;
    /* font-weight: bold; */
    /* border: 1px solid #fff; */
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.p1-date::before{
    content: "";
    position: absolute;
    left: 0rem;
    bottom: -.05rem;
    width: 5.99rem;
    height: .01rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a1/a1-icon2.png) no-repeat;background-size:100% auto;
}
.p1-solge {
    position: relative;
    width: 100%;
    min-height: .3rem;
    margin-top: .15rem;
    font-size: .20rem;
    color: #c2c7d2;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.p1-t1 {margin-top: .6rem;}
.p1-t1, .p1-t2, .p1-t3, .p1-t4, .p1-t5 {
    position: relative;
    width: 100%;
    min-height: .55rem;
    font-size: .22rem;
    color: #f5f5f6;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.p1-t1-num {font-size: .26rem;margin: 0 .04rem;}
.p1-t1-text {font-weight: bold;font-size: .32rem;color: #dbe4fe;}
.p1-t3 span {
    display: inline-block;
    font-size: .36rem;
    font-weight: bold;
    color: #d7e1fe;
    margin: 0 .08rem;
}
.p1-rank {
    position: relative;
    margin-top: .35rem;
    width: 100%;
    height: auto;
}
.p1-rank img {width: 3.8rem;height: 4.53rem;display: block; margin: 0 auto 0;}
.p1-rank2 video {width: 100%;height: 100%;}
.p1-rank2 {
    margin-top: .35rem;
    width: 100%;
    height: 4.64rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.p1-star {
    position: absolute;
    left: 0rem;
    bottom: 1.15rem;
    width: 100%;
    height: .30rem;
    font-size: .18rem;
    color: #f8f7ed;
    font-weight: bold;
    padding-left: 0.15rem;
    text-align: center;
}

/* p2 */
.p2-title1, .p2-title2 {
    position: relative;
    font-size: .24rem;
    color: #fff;
    width: 6.5rem;
    margin: 0 auto;
    min-height: .4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.p2-title2 { justify-content: flex-end; }
.p2-title1 .p2-title{ width: fit-content; position: absolute; left: 0rem; }
.p2-title2 .p2-title{ width: fit-content; position: absolute; right: 0rem; }
.p2-title { display: flex; flex-direction: row; align-items: center; }
.p2-title::after{
    content: "";
    position: absolute;
    left: -0.12rem;
    top: -.045rem;
    width: 0.09rem;
    height: .09rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/lt.png) no-repeat;
    background-size:100% auto;
}
.p2-title::before{
    content: "";
    position: absolute;
    right: -0.12rem;
    bottom: -.045rem;
    width: 0.09rem;
    height: .09rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/rb.png) no-repeat;
    background-size:100% auto;
}
.p2-card {
    position: relative;
    margin: 0.3rem auto;
    width: 100%;
    height: 8.85rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a2/cardBg.png) no-repeat;
    background-size: 5.61rem 8.81rem;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.p2-card-t1, .p2-card-t2 {
    display: flex; flex-direction: row; align-items: center;
    /* font-size: .18rem; */
    font-size: .18rem;
    font-weight: bold;
    color: #988ad6;
    position: absolute;
    left: 1.45rem;
    z-index: 11;
    width: 2.9rem;
    height: .4rem;
    /* border: 1px solid red; */
}
.p2-card-t1 {top: 1.15rem;}
.p2-card-t2 {top: 1.45rem;}
.p2-card .p2-card-name img {width: auto;height: 100%;object-fit: cover;}
.p2-card .p2-card-name {
    position: absolute;
    left: 1.25rem;
    top: 0.1rem;
    width: 2.9rem;
    height: .98rem;
    /* border: 1px solid red; */
}
.p2-card .p2-card-hero {
    z-index: 10;
    /* position: absolute;
    left: -0rem;
    bottom: 0rem; */
    width: 4.68rem;
    height: 6.56rem;
    margin-bottom: .4rem;
}

/* p3 */
.box3 {}
.p3-t1, .p3-t2, .p3-t3, .p3-t4, .p3-t5, .p3-t6, .p3-t7 {
    font-size: .24rem;
    color: #fff;
    min-height: .4rem;
    position: relative;
}
.p3-t2, .p3-t3, .p3-t5, .p3-t6, .p3-t7{
    display: flex; flex-direction: row; align-items: baseline;
}
.p3-t1 {margin-bottom: .04rem;position: relative;}
.p3-t1::after{
    content: "";
    position: absolute;
    left: -0.1rem;
    top: -.0rem;
    width: 0.09rem;
    height: .09rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/lt.png) no-repeat;
    background-size:100% auto;
}
.p3-t1 .camp-count {
    font-size: .34rem;
    font-weight: bold;
    color: #b3ceff;
    margin: 0 .08rem;
    /* background-position: 0 -0.01rem; */
}
.p3-t2 {margin-bottom: .22rem;position: relative;}
.p3-t2::after{
    content: "";
    position: absolute;
    left: 0rem;
    bottom: -.13rem;
    width: 4.97rem;
    height: .01rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a3/line1.png) no-repeat;
    background-size:100% auto;
}

.p3-t3 span {
    font-size: .34rem;
    font-weight: bold;
    color: #b3ceff;
    margin: 0 .08rem;
}
.p3-bottom {
    display: flex; flex-direction: column; align-items: flex-end;justify-content: flex-end;
}
.p3-t4::after{
    content: "";
    position: absolute;
    right: -0.1rem;
    bottom: -.0rem;
    width: 0.09rem;
    height: .09rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/rb.png) no-repeat;
    background-size:100% auto;
}
.p3-t5, .p3-t6, .p3-t7 {
    position: relative;
}
.p3-t5 {
    margin-bottom: .25rem;
    color: #a3beff;
    position: relative;
}
.p3-t5::after{
    content: "";
    position: absolute;
    right: 0rem;
    bottom: -.1rem;
    width: 4.97rem;
    height: .01rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a3/line2.png) no-repeat;
    background-size:100% auto;
}
.p3-img img { width: 7.5rem; height: 4.95rem; }
.p3-img video { width: 7.5rem; height: 4.95rem; }
.p3-img {
    margin: .5rem auto 0.35rem;
    width: 7.5rem;
    height: 4.95rem;
}
.p3-t6::after{
    content: "";
    position: absolute;
    left: -0.1rem;
    top: -.02rem;
    width: 0.09rem;
    height: .09rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/lt.png) no-repeat;
    background-size:100% auto;
}
.p3-t7::after{
    content: "";
    position: absolute;
    right: -0.1rem;
    bottom: -.02rem;
    width: 0.09rem;
    height: .09rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/rb.png) no-repeat;
    background-size:100% auto;
}

/* p4 */
.box4 {}
.box4-item1 {
    height: 3rem;
}
.p4-title {
    font-size: .24rem;
    color: #fff;
    position: relative;
}
.p4-title span {position: relative;}
.p4-title span::before {
    content: "";
    position: absolute;
    left: -0.1rem;
    top: -.05rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/lt.png) no-repeat;
    background-size: 100% auto;
}
.p4-date {
    position: relative;
    margin-top: .22rem;
    margin-bottom: .3rem;
    font-weight: bold;
    font-size: .52rem;
    color: #fff;
}
.p4-date span {
    position: relative;
    background-position: 0px -0.1rem;
}
.p4-date span::after{
    content: "";
    position: absolute;
    left: 0rem;
    top: -.05rem;
    width: 100%;
    height: .01rem;
    background: #7282b2;
}
.p4-date span::before {
    content: "";
    position: absolute;
    right: -0.1rem;
    bottom: -.05rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/rb.png) no-repeat;
    background-size: 100% auto;
}
.p4-t1 {margin-top: .55rem;margin-bottom: .1rem;}
.p4-t1, .p4-t2 {
    position: relative;
    font-size: .22rem;
    color: #fff;
}
.p4-t1::before {
    content: "";
    position: absolute;
    left: -0.0rem;
    top: -.12rem;
    width: 1.65rem;
    height: .01rem;
    background: #596892;
}
.p4-t3 {
    margin-top: .1rem;
    font-size: .22rem;
    color: #fff;
}
.p4-t3 span {
    font-size: .22rem;
    color: #b3ceff;
    margin-left: .04rem;
}
.p4-data-img {
    position: relative;
    width: 100%;
    height: 5.62rem;
    margin: .0rem auto .5rem;
    display: flex; flex-direction: column; align-items: flex-end; justify-content: center;
}
.p4-data-icon {
    width: 1.06rem;
    height: 5.62rem;
    position: absolute;
    right: 1.5rem;
    top: 0rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a4/p4-data-icon.png) no-repeat;
    background-size: 100% auto;
}
.p4-icon-t1 {
    width: 2rem;
    font-size: .26rem;
    font-weight: bold;
    color: #5167ae;
    font-family: zzgf_h;
    position: absolute;
    left: 0.23rem;
    top: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}   
.p4-icon-t1 span {
    margin-right: .3rem;
    display: block;
    width: .18rem;
    height: .18rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a4/a4-icon1.png) no-repeat;
    background-size: 100% auto;
}
.p4-icon-t2 {
    width: 2rem;
    font-size: .45rem;
    font-weight: bold;
    color: #e8edff;
    position: absolute;
    left: -0.15rem;
    top: 2.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
} 
.p4-icon-t2 span {
    margin-right: .3rem;
    display: block;
    width: .33rem;
    height: .33rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a4/a4-icon0.png) no-repeat;
    background-size: 100% auto;
}
.p4-icon-t2-content {
    font-size: .22rem;
    position: absolute;
    left: -3.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3.3rem;
    display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;
    color: #d9e9f6;
}
.p4-t2-a1 {font-size: .12rem;font-weight: normal;}
.p4-t2-a2 {font-size: .20rem;font-weight: normal;}
.p4-t2-a3 {font-size: .16rem;font-weight: normal;}
.p4-icon-t3 {
    width: 2rem;
    font-size: .26rem;
    font-weight: bold;
    color: #5167ae;
    font-family: zzgf_h;
    position: absolute;
    left: 0.23rem;
    top: 4.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
} 
.p4-icon-t3 span {
    margin-right: .3rem;
    display: block;
    width: .18rem;
    height: .18rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a4/a4-icon1.png) no-repeat;
    background-size: 100% auto;
}
.p4-item2 {
    margin-top: .1rem;
    display: flex; flex-direction: column; align-items: flex-end; justify-content: center;
}
.p4-item2 .p4-d7 {
    font-size: .24rem;
    color: #fff;
    position: relative;
}
.p4-item2 .p4-d7::after {
    content: "";
    position: absolute;
    left: -0.1rem;
    top: -.05rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/lt.png) no-repeat;
    background-size: 100% auto;
}
.p4-item2 .p4-d7::before {
    content: "";
    position: absolute;
    right: -0.1rem;
    bottom: -.05rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/rb.png) no-repeat;
    background-size: 100% auto;
}

/* p5 */
.box5 {box-sizing: border-box;}
.p5-t1, .p5-t2, .p5-t3 {
    color: #fff;
    font-size: .24rem;
    min-height: .4rem;
    position: relative;
}
.p5-t1 {  
  display: inline-block;
  padding-top: 0.1rem;
  font-size: .54rem;
  background-position: 0 -.55rem;
  font-family: zzgf_h;
}

.p5-t1::before{
  content: "";
  position: absolute;
  left: -.20rem;
  top: -.43rem;
  width: 1.26rem;
  height: .83rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/a1/a1-icon1.png) no-repeat;background-size:100% auto;
}
.p5-t1::after {
  content: "";
  position: absolute;
  right: -.15rem;
  top: -.05rem;
  width: .08rem;
  height: .08rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/rt.png) no-repeat;
  background-size: 100% auto;
}
.p5-t2 span {color: #b3ceff;}
.p5-t2::after {
    content: "";
    position: absolute;
    left: 0rem;
    bottom: -.05rem;
    width: 100%;
    height: .01rem;
    background: #6d80ab;
}
.p5-t2::before {
  content: "";
  position: absolute;
  left: -.15rem;
  bottom: -.30rem;
  width: .08rem;
  height: .08rem;
  background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/lb.png) no-repeat;
  background-size: 100% auto;
}
.p5-t3 {
    margin-top: .15rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.p5-t3 span {
    position: relative;
}
.p5-t3 span::after {
    content: "";
    position: absolute;
    left: -0.2rem;
    top: 50%;
    transform: translateY(-50%);
    width: .08rem;
    height: .16rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a5/san.png) no-repeat;
    background-size: 100% auto;
}
.p5-img {
    border-top: 1px solid rgba(130, 147, 193, 0.4);
    border-bottom: 1px solid rgba(130, 147, 193, 0.4);
    background: #353c55;
    margin: 1.4rem auto .3rem;
    width: 100%;
    height: 4.35rem;
    padding: .06rem 0;
}
.p5-img img{
    width: 100%;
    height: 100%;
}
.p5-img-txt .p5-span {
    font-size: .24rem;
    color: #fff;
    position: relative;
}
.p5-img-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.p5-img-txt .p5-span::after {
    content: "";
    position: absolute;
    left: -0.1rem;
    top: -.05rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/lt.png) no-repeat;
    background-size: 100% auto;
}
.p5-img-txt .p5-span::before {
    content: "";
    position: absolute;
    right: -0.1rem;
    bottom: -.05rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/rb.png) no-repeat;
    background-size: 100% auto;
}

/* p6 */
.p6-posterImg {
    
    width: 6.01rem;
    height: 11.19rem;
    /* width: 100%; */
    /* height: auto; */
    /* 16.24rem; */
}
.posterBg {
    position: relative;
    box-sizing: border-box; 
    padding-top: 1.85rem;
    width: 7.50rem;
    height: 16.24rem;
    /* background: #fff; */
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/bg.jpg) no-repeat;
    background-size: 100% auto;
}
.poster-box {
    font-size: .22rem;
    position: relative;
    margin: 1rem auto 0;
    width: 6.01rem;
    height: 11.19rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/poster/bg1.png) no-repeat;
    background-size: 6.01rem 11.19rem; 
    background-position: center center;
}
.poster-hero-box {
    position: absolute;
    left: 0;
    top: 0.05rem;
    width: 100%;
    height: 6.8rem;
    overflow: hidden;
}
.poster-log {
    z-index: 10;
    position: absolute;
    right: .3rem;
    top: .3rem;
    width: 1.7rem;
    height: .33rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/logo.png) no-repeat;
    background-size: 100% 100%;
}
.poster-hero {
    margin-left: -.40rem;
    margin-top: -.20rem;
    width: 7.50rem;
    height: 8.61rem;
}
.poster-b1 {
    position: absolute;
    right: .25rem;
    top: 4.5rem;
    width: 5.2rem;
    height: 2.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.poster-b1-t1 {
    margin-bottom: .1rem;
    width: 2.92rem;
    height: .38rem;
}
.poster-b1-t3 {
    margin-top: .2rem;
    width: 1.43rem;
    height: .22rem;
}
.poster-b1-name {
    width: 4.5rem;
    height: 1.09rem;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.poster-b1-name img {
    width: auto;
    height: 100%;
}
.poster-b2 {
    position: absolute;
    left: .25rem;
    top: 6.85rem;
    width: 5.2rem;
    height: 1.93rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.poster-b2-t1 {font-size: .20rem;color: #2f4980;height: .5rem;margin-top: .2rem;position: relative;}
.poster-b2-t2 {font-size: .30rem;color: #2f4980;height: .6rem;font-weight: bold;}
.poster-b2-t3 {font-size: .20rem;color: #fff;height: .4rem;margin-top: .2rem;}

.poster-b2-t1::after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0.1rem;
    width: 2.92rem;
    height: .02rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/poster/line.png) no-repeat;
    background-size: 100% auto; 
}

.poster-b2-t1-s {
    width: .08rem;
    height: .16rem;
    margin-left: .05rem;
}

.poster-b3 {
    position: absolute;
    left: .25rem;
    top: 9.1rem;
    width: 5.2rem;
    height: 1.93rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.poster-b3-title {
    font-size: .18rem;
    color: #2f4980;
    position: absolute;
    left: 2.3rem;
    top: 0;
    width: 3rem;
    text-align: center;
}
.poster-b3-t1 img {width: 1.6rem;height: 1.6rem;}
.poster-b3-t1 {
    background: #fff;
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.poster-b3-t2 img {width: .88rem;height: .86rem;margin-top: .13rem;}
.poster-b3-t2 p {font-size: .16rem;color: #2f4980;
    margin-top: .23rem;
    /* position: absolute;bottom: -0.3rem;left: 50%;transform: translateX(-50%); */
    width:1.6rem;text-align: center;
}
.poster-b3-t2 {
    margin-top: .4rem;
    margin-left: .4rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop7Bg.png) no-repeat;
    background-size: 1.1rem 1.1rem; 
    position: relative;
    width: 1.1rem;
    /* height: 1.1rem; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.poster-b3-t3 img {width: 1.45rem;height: .77rem;border-radius: .06rem;margin-bottom: .08rem;margin-top: .2rem;}
.poster-b3-t3 p {font-size: .16rem;color: #2f4980;
    margin-top: .17rem;
}
.poster-b3-t3 {
    margin-top: .4rem;
    margin-left: .3rem;
    position: relative;
    width: 1.45rem;
    /* height: .77rem; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page6Box {
    position: relative;
}
.page6Box-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1rem;
  text-align: center;
  height: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .24rem;
  color: #fff;
}

/* .box6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.p6-box {
    position: relative;
    width: 5.63rem;
    height: 9.22rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a6/p6-box.png) no-repeat;
    background-size: 100% auto;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.p6-title {
    margin-top: 0.2rem;
    width: 3.8rem;
    height: .6rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a6/p6-title.png) no-repeat;
    background-size: 100% auto;
}
.p6-imgBg {
    width: 4.08rem;
    height: 6.11rem;
    margin: 0.2rem auto 0;
    background: #fff;
    border-radius: .2rem;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.p6-imgBg img {
    width: 100%;
    height: 100%;
}
    */

.p6-boxText {
    margin-top: 0.28rem;
    width: 100%;
    height: 1.7rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
}
.p6-t1 {
    position: relative;
    font-size: .22rem;
    color: #2f4980;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.p6-t1 span {
    width: .08rem;
    height: .16rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a6/san.png) no-repeat;
    background-size: 100% auto;
    margin-right: .08rem;
}
.p6-line {
    width: 5rem;
    height: .01rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a6/p6-line.png) no-repeat;
    background-size: 100% auto;
    margin-top: -0.05rem;
}
.p6-t2 {
    font-size: .32rem;
    font-weight: bold;
    color: #738ec3;
}
.p6-t3 {
    font-size: .22rem;
    font-weight: normal;
    color: #2f4980;
}
.p6-btn-text1 {font-size: .22rem; color: #b7b9bc;text-align: center;margin-bottom: .2rem;margin-top: .20rem;}
.p6-btn-text1 span {color: #84a8f3;}
.p6-btn-text2 {
    display: block;
    font-size: .22rem;
    color: #b8b9bd;
    text-decoration: underline;
    text-align: center;
    margin-top: .2rem;
}
.p6-btn1, .p6-btn2, .p6-btn3, .p6-btn4, .p6-btn5, .p6-btn6 {display: block;}
.p6-btn1 {
    width: 6rem;
    height: .94rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a6/p6-btn1.png) no-repeat;
    background-size: 100% auto;
}
.p6-btn2 {
    width: 6rem;
    height: .94rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a6/p6-btn2.png) no-repeat;
    background-size: 100% auto;
}
.p6-btn3 {
    width: 6rem;
    height: .94rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a6/p6-btn3.png) no-repeat;
    background-size: 100% auto;
}
.p6-btn4 {
    width: 6rem;
    height: .94rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/fx-b.png) no-repeat;
    background-size: 100% auto;
}
.p6-btn5 {
    width: 6rem;
    height: .94rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/fxljl-b.png) no-repeat;
    background-size: 100% auto;
}
.p6-btn6 {
    width: 6rem;
    height: .94rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/zcfx-b.png) no-repeat;
    background-size: 100% auto;
} 

/* p7 */
.box7 {opacity: 1;}
.p7-title {
    font-size: .28rem;
    color: #fff;
    min-height: .5rem;
    position: relative;
}
.p7-title::after {
    content: "";
    position: absolute;
    left: 0rem;
    bottom: -.05rem;
    width: 5.55rem;
    height: .01rem;
    background: #6d80ab;
}
.p7-title::before {
    z-index: 3;
    content: "";
    position: absolute;
    left: -.2rem;
    top: -.4rem;
    width: 1.26rem;
    height: .83rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/p7-tips.png) no-repeat;
    background-size: 100% auto;
}
.p7-box {
    margin-top: .4rem;
    display: flex;
    flex-direction: row;
}
.p7-userInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p7-userImg img {width: 1.58rem; height: 1.58rem;border-radius: 50%;}
.p7-userImg {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/userBg.png) no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.p7-name {
    width: 1.7rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .2rem;
    font-size: .22rem;
    color: #fff;
}
.p7-solge {
    margin-left: .4rem;
    width: 3.35rem;
    height: 1.7rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.p7-solge p {
    font-size: .22rem;
    color: #d9dbe3;
    position: relative;
}
.p7-solge p::after {
    content: "";
    position: absolute;
    left: -0.1rem;
    bottom: -.08rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/lb.png) no-repeat;
    background-size: 100% auto;
}
.p7-solge p::before {
    content: "";
    position: absolute;
    right: -0.1rem;
    top: -.08rem;
    width: .08rem;
    height: .08rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/rt.png) no-repeat;
    background-size: 100% auto;
}
.p7-chessboard img {width: 100%; height: 100%;}
.p7-chessboard {
    width: 6.63rem;
    height: 3.6rem;
    margin: 0.6rem auto 0rem;    
    border: 1px solid #e1e3e5;
    box-shadow: 1px 1px 1px #8693ae;
    border-radius: .1rem;
    overflow: hidden;
}
.p7-qp-name {
    font-size: .22rem;
    color: #fff;
    text-align: center;
    margin-bottom: 1.2rem;
}
.a7-btn {
    width: 6rem;
    height: .94rem;
    display: block;
    margin: 0 auto;
}
.p7-tips1 {
    display: block;
    text-align: center;
    width: 2.5rem;
    font-size: .20rem;
    color: #fff;
    text-align: center;
    margin: .2rem auto 0.2rem;
    text-decoration: underline;
}
.p7-tips {
    font-size: .20rem;
    color: #fff;
    text-align: center;
    margin-top: .2rem;
}
.a7-btn0 {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/a7-btn0.png) no-repeat;
    background-size: 100% auto;
}
.a7-btn1 {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/a7-btn1.png) no-repeat;
    background-size: 100% auto;
}
.a7-btn2 {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/a7-btn2.png) no-repeat;
    background-size: 100% auto;
}
.a7-btn3 {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/a7-btn3.png) no-repeat;
    background-size: 100% auto;
}
.a7-btn4 {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/a7-btn4.png) no-repeat;
    background-size: 100% auto;
}

/* p8 */
.bg8 {
    background:url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a8/a8-bg.jpg) no-repeat !important;
    background-position: center center;
    background-size: 100% auto;
}
.box8 {
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.p8-box {
    position: relative;
    width: 5.27rem;
    height: 3.44rem;
    display: flex;
    flex-direction: column;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a8/a8-tipsBg.png) no-repeat;
    background-size: 100% auto;
    align-items: center;
    /* 
    justify-content: space-around; */
}
.p8-title {
    margin-top: -.3rem;
    margin-left: -2.5rem;
    width: 3.36rem;
    height: 1.24rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a8/a8-title.png) no-repeat;
    background-size: 100% auto;
}
.p8-tips {
    margin-top: .1rem;
    width: 4.5rem;
    height: 2.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .22rem;
    color: #eeeff1;
}
.a8-btn {
    width: 6rem;
    height: .94rem;
    display: block;
    margin: 3.4rem auto 0;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a8/a8-btn.png) no-repeat;
    background-size: 100% auto;
}

/* p9 */
.box9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    /* margin-top: 1.5rem; */
}

.p9-t1-2 {
  width: 6.7rem;
  margin: 0 auto .80rem;
  font-size: .24rem;
  color: #fff;
}
.p9-t1-l {
  position: relative;
  font-size: .24rem;
  color: #fff;
}
.p9-t1-l::before{
  z-index: 3;
  content: "";
  position: absolute;
  left: - .20rem;
  top: -.40rem;
  width: 1.26rem;
  height: .83rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a7/p7-tips.png) no-repeat;
  background-size: 100% auto;
}
.p9-t1-l::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -.10rem;
  width: 5.55rem;
  height: .01rem;
  background: #6d80ab;
}
.p9-t1-r {
  margin-top: .20rem;
  font-size: .22rem;
  color: #bdd7f6;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.p9-t1-center {text-align: center;}
.p9-t1 {
    width: 6.7rem;
    margin: 0 auto 1rem;
    font-size: .24rem;
    color: #fff;
}
.p9-t1 .p9-d1 {
    margin-left: .04rem;
    color: #b3ceff;
}
.p9-card {
    position: relative;
    /* width: 5.63rem; */
    width: 7.5rem;
    height: 8.83rem;
    padding: 0 .935rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a9/p9-card.png) no-repeat;
    background-size: 5.63rem 8.83rem;
    background-position: center center;
}
.p9-card-img img {height: 100%; width: 100%;}
.p9-card-img {
    position: absolute;
    left: 0;
    bottom: 0.92rem;
    width: 100%;
    height: 8.61rem;
}
.p9-card-box {    
    /* width: 100%; */
    height: 2.4rem;
    position: absolute;
    right: .935rem;
    bottom: 0.92rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: .2rem;
    padding-bottom: 0.2rem;
    font-size: .22rem;
    color: #fff;
}
.p9-tips {
  margin-top: .20rem;
  /* margin-bottom: .30rem; */
  text-decoration: underline;
  font-size: .22rem;
  color: #bdd7f6;
  text-align: center;
}
.p9-b-t1 {
    position: relative;
    margin-bottom: 0.1rem;
}
.p9-b-t1::after {
    content: "";
    position: absolute;
    left: -0.1rem;
    bottom: .04rem;
    width: .08rem;
    height: .16rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a9/sanj.png) no-repeat;
    background-size: 100% auto;
}
.p9-b-t1::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -.04rem;
    width: 2.92rem;
    height: .01rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/a9/line.png) no-repeat;
    background-size: 100% auto;
}
.p9-b-name img {height: 100%; width: auto; object-fit: cover;}
.p9-b-name {
    width: auto;
    height: 1.09rem;
}
.p9-b-t2 {
    margin-top: 0.1rem;
}
.p9-card-solge {
    position: absolute;
    left: .935rem;
    bottom: 0;
    width: 5.63rem;
    height: 0.9rem;
    font-size: .20rem;
    color: #2f4980;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .3rem;
}
.page7Box {
    box-sizing: border-box;
    padding-top: .8rem;
}

/* 弹窗 */
.pop {
    position: relative;
    font-size: .22rem;
    color: red;
    width: 6rem;
    height: .94rem;
}
.popTips::after {
    content: "";
    position: absolute;
    left: -0.5rem;
    top: -.5rem;
    width: 1.22rem;
    height: 1.24rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/tips.png) no-repeat;
    background-size: 100% auto;
}
/* pop1 */
.pop1 {
    width: 5.27rem;
    height: 5.76rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop1-bg.png) no-repeat;
    background-size: 100% auto;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop1-title {
    margin: 0 auto;
    color: transparent;
    width: 100%;
    height: .7rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop1-title.png) no-repeat;
    background-size: 1.7rem .44rem;   
    background-position: center center; 
}
.pop1-t1{
    height: .32rem;
}
.pop1-t1, .pop1-t2 {
    margin-top: .35rem;
    font-size: .22rem;
    color: #fff;
}
.text-center {  
  text-align: center;
}
.pop1-areaName {
    margin: 0.3rem auto 0rem;
    width: 100%;
    height: 1.4rem;
    font-size: .22rem;
    color: #aae2f9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.pop1-fbtn {
    margin: 0.35rem auto 0;
    width: 100%;
    height: .9rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.pop1-btn img {width: 100%; height: 100%;}
.pop1-btn {
    display: block;
    width: 2.17rem;
    height: .66rem;
}
/* pop2 */
.pop2 {
    width: 5.27rem;
    height: 6.76rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop2-bg.png) no-repeat;
    background-size: 100% auto;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop2-title {
    /* margin: 0 auto; */
    color: transparent;
    width: 100%;
    height: .7rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop2-title.png) no-repeat;
    background-size: 2.53rem .41rem;   
    background-position: center left; 
}
.pop2-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: .2rem;
}
.pop2-item {
    min-height: .66rem;
    margin-top: .2rem;
}
.pop2-input {
    border: none;
    width: 4.53rem;
    height: .66rem;
    background: #2b3245;
    border-radius: .33rem;
}
.pop2-input select {
    width: 100%;
    height: 100%;
    border-radius: .33rem;
    font-size: .22rem;
    color: #fff;
    background: transparent;
    border-radius: .33rem;
    font-weight: normal;
    box-sizing: border-box;
    padding: 0 .28rem;
    border: none;
    
    -webkit-appearance: none; /* 移除默认样式 */
    -moz-appearance: none;
    appearance: none; /* 移除默认样式 */
    background-image: url('//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/custom.png'); /* 自定义箭头图片 */
    background-repeat: no-repeat;
    background-size: .28rem .28rem;
    background-position: 4rem center; /* 箭头位置 */
    padding-right: .28rem; /* 根据箭头大小调整 */
}
.pop2-text {
    box-sizing: border-box;
    font-size: .20rem;
    padding-top: .05rem;
    padding-left: .2rem;
    color: #cad5ff;
    /* color: #f50000; */
}
.pop2-label {
    position: relative;
    margin-top: .15rem;
    display: flex;
    flex-direction: row;
    font-size: .22rem;
    color: #fff;
}
/* 基础容器：提供点击区域与布局 */
.custom-checkbox {
  display: inline-flex;
  /* align-items: center; */
  cursor: pointer;
  user-select: none;
}
/* 隐藏原生 checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
/* 自定义方框（未选中态） */
.checkmark {
  position: relative;
  flex: none;
  width: .24rem;
  height: .24rem;
  margin-right: .08rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/check0.png) no-repeat;
  background-size: .24rem .24rem;
  transition: all 0.2s ease;
}
/* 选中态：背景色 + 边框变化 */
.custom-checkbox input:checked ~ .checkmark {
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/check1.png) no-repeat;
  background-size: .24rem .24rem;
}
/* 选中态下的对勾图标（使用伪元素绘制） */
.checkmark::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}
/* 显示对勾 */
/* .custom-checkbox input:checked ~ .checkmark::after {
  opacity: 1;
} */
/* 可选：聚焦态增强可访问性（键盘导航支持） */
/* .custom-checkbox input:focus ~ .checkmark {
  outline: 2px solid #0A8276;
  outline-offset: 2px;
} */
.pop2-fbtn {
    margin: 0.1rem auto 0;
    width: 100%;
    height: .9rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
/* pop3 */
.pop3 {
    width: 5.27rem;
    height: 4.46rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop3-bg.png) no-repeat;
    background-size: 100% auto;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop3-title {
    color: transparent;
    width: 100%;
    height: .7rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop2-title.png) no-repeat;
    background-size: 2.53rem .41rem;   
    background-position: center left; 
}
.pop3-tips {
    font-size: .34rem;
    color: #c4e1f8;
    margin-top: .2rem;
    font-weight: bold;
}
.pop3-text {
    font-size: .22rem;
    color: #fff;
    margin-top: .2rem;
}
/* pop4 */
.pop4 {
    width: 5.27rem;
    height: 4.46rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop3-bg.png) no-repeat;
    background-size: 100% auto;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop4-title {
    color: transparent;
    width: 100%;
    height: .7rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop2-title.png) no-repeat;
    background-size: 2.53rem .41rem;   
    background-position: center left; 
}
.pop4-tips {
    font-size: .34rem;
    color: #c4e1f8;
    margin-top: .2rem;
    font-weight: bold;
}
.pop4-text {
    font-size: .22rem;
    color: #fff;
    margin-top: .2rem;
}
/* pop5 */
.pop5 {
    width: 5.27rem;
    height: 4.76rem;
    background: #121b35;
    /* background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop2-bg.png) no-repeat;
    background-size: 100% auto; */
    border-radius: .1rem;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop5-1 {
    width: 5.27rem;
    height: 3.76rem;
    background: #121b35;
    /* background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop2-bg.png) no-repeat;
    background-size: 100% auto; */
    border-radius: .33rem;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop5-title {
    position: relative;
    color: transparent;
    width: 100%;
    height: .7rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop5-title.png) no-repeat;
    background-size: 1.25rem .40rem;   
    background-position: center left; 
}
.pop5-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.05rem;
    width: 100%;
    height: 0.01rem;
    background: #fff;
}
.pop5-box {
    margin-top: .3rem;
    width: 100%;
    height: 3.2rem;
    display: flex;
    flex-direction: column;
}
.pop5-box1 {
    margin-top: .2rem;
    width: 100%;
    height: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pop5-b-title {font-size: .20rem; color: #fff;margin-bottom: .2rem;}
.pop5-b-input input {
    margin: 0 auto .2rem;
    width: 4.53rem;
    height: .66rem;
    border: none;
    outline: none;
    background: #373d4f;
    color: #fff;
    font-size: .32rem;
    border-radius: .08rem;
    box-sizing: border-box;
    padding: 0 .1rem;
    text-align: center;
}
.pop5-b-text {font-size: .20rem; color: #a4b0d7;}
.pop5-b-btn {
    display: block;
    margin: .2rem auto 0;
    width: 2.57rem;
    height: .66rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop5-btn1.png) no-repeat;
    background-size: 100% auto;
}
.pop5-b-btn2 {
    display: block;
    margin: .2rem auto 0;
    width: 2.57rem;
    height: .66rem;
    margin: 0 auto;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop5-btn2.png) no-repeat;
    background-size: 100% auto;
}
/* pop6 */
.pop6 {
    width: 5.27rem;
    height: 9.82rem;
    background: #121b35;
    /* background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop2-bg.png) no-repeat;
    background-size: 100% auto; */
    border-radius: .1rem;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop6-title {
    position: relative;
    color: transparent;
    width: 100%;
    height: .7rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop5-title.png) no-repeat;
    background-size: 1.25rem .40rem;   
    background-position: center left; 
}
.pop6-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.05rem;
    width: 100%;
    height: 0.01rem;
    background: #fff;
}
.pop6-box {
    font-size: .20rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pop6-b-t1 {    
    width: 100%;
    margin-top: .25rem;
}
.pop6-b-card img {width: 100%;height: 100%;}
.pop6-b-card {
    margin: .25rem 0;
    width: 4.40rem;
    height: 2.33rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .1rem;
    border: 1px solid #fff;
    overflow: hidden;
}
.pop6-b-t2 {
    color: #7486b8;
    margin-bottom: .25rem;
}
.pop6-b-t3 {margin-bottom: 0.1rem;}
.pop6-b-userImg img {width: 1.22rem;height: 1.22rem;object-fit: scale-down;border-radius: 50%;}
.pop6-b-userImg {
    width: 1.32rem;
    height: 1.32rem;
    border-radius: 50%;
    overflow: hidden;
    
    background: url(//game.gtimg.cn/images/yxzj/cp/a20260812osqp/a7/userBg.png) no-repeat;
    background-size: 100% auto;
    /* border: 2px solid #eaebed; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pop6-b-userName {
    margin-bottom: 0.25rem;
    margin-top: 0.1rem;
    color: #7486b8;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.pop6-b-qq {margin-right: .1rem; width: .21rem;height: .25rem;
background: url('//game.gtimg.cn/images/osgame/cp/a20260623kffx/qq.png') no-repeat;
background-size: 100% 100%;
}
.pop6-b-wx {margin-right: .1rem; width: .30rem;height: .24rem;
background: url('//game.gtimg.cn/images/osgame/cp/a20260623kffx/wx.png') no-repeat;
background-size: 100% 100%;
}
.pop6-b-t4 span {color: #7486b8;}
.pop6-b-t4 {
    font-size: .16rem;
    text-align: center;
}
.pop6-b-btn img {width: 100%;height: 100%;}
.pop6-b-btn {
    display: block;
    margin-top: .25rem;
    width: 2.17rem;
    height: .66rem;
}

/* pop7 */
.pop7 {
    width: 5.63rem;
    height: 9.22rem;
    /* background: #121b35; */
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/6.png) no-repeat;
    background-size: 100% auto;
    border-radius: .1rem;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}
.pop7-title {
    position: relative;
    color: transparent;
    width: 100%;
    height: .7rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop5-title1.png) no-repeat;
    background-size: 1.87rem .60rem;   
    background-position: center left; 
}
.pop7-imgBg img {width: 1.93rem;height: 1.87rem;}
.pop7-imgBg {
    margin: 0.8rem auto .4rem;
    width: 2.29rem;
    height: 2.40rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop7Bg.png) no-repeat;
    background-size: 100% auto;
}
.pop7-name {
    margin: 0rem auto .2rem;
    text-align: center;
    font-size: .24rem;
    color: #2f4980;
}
.pop7-desc {
    text-align: center;
    width: 4.9rem;
    font-size: .20rem;
    color: #565656;
}
.pop7-btn img {width: 100%;height: 100%;}
.pop7-btn {
    margin: 1.2rem auto 0;
    display: block;
    width: 2.03rem;
    height: .63rem;
}

/* pop8 */
.pop8 {
    position: relative;
  width: 5.63rem;
  height: 12.58rem;
  /* background: #121b35; */
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/4.png) no-repeat;
  background-size: 100% 100%;
  border-radius: .1rem;
  padding: 0.2rem 0.4rem;
  box-sizing: border-box;
}
.gameReservation {
    position: absolute;
    right: 0;
    top: -.55rem;
    width: 1.48rem;
    height: .38rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/yy.png) no-repeat;
    background-size: 100% auto;
}
.pop8-title {
  position: relative;
  color: transparent;
  width: 100%;
  height: .7rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop5-title1.png) no-repeat;
  background-size: 1.87rem .60rem;   
  background-position: center left; 
}
.pop8-imgBg img {width: 1.43rem;height: 1.39rem;}
.pop8-imgBg {
  margin: .1rem auto .04rem;
  width: 1.65rem;
  height: 1.73rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop7Bg.png) no-repeat;
  background-size: 100% auto;
}
.pop8-name {
  margin: 0rem auto .05rem;
  text-align: center;
  font-size: .24rem;
  color: #2f4980;
}
.pop8-desc {
  text-align: center;
  width: 4.9rem;
  font-size: .20rem;
  color: #565656;
}
.pop8-desc1 {
  text-align: center;
  width: 4.9rem;
  font-size: .20rem;
  color: #565656;
}
.pop8-btn img {width: 100%;height: 100%;}
.pop8-btn {
  margin: .1rem auto 0;
  display: block;
  width: 2.03rem;
  height: .63rem;
}
.pop8-line {
    width: 4.3rem;
    height: .02rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/line.png) no-repeat;
    background-size: 100% auto;
    margin: .15rem auto 0;
}
.pop8-t1 {
  position: relative;
  margin-top: .1rem;
  font-size: .24rem;
  color: #2f4980;
  padding-left: .1rem;
}
.pop8-t1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: .07rem;
  width: .08rem;
  height: .16rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/san.png) no-repeat;
  background-size: 100% 100%;
}
.pop8-card img {width: 4.40rem;height: 2.33rem;border-radius: .20rem;}
.pop8-card {
  margin: .15rem auto;
  width: 4.50rem;
  height: 2.43rem;
  border-radius: .15rem;
  border: 1px solid #e1e3e5;
  box-shadow: 1px 1px 1px #8693ae;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pop8-userImgText {
  margin-top: .15rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pop8-b-userImg img {width: 1.28rem;height: 1.28rem;}
.pop8-b-userImg {
  margin-right: .15rem;
  width: 1.32rem;
  height: 1.32rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pop8-user {
  text-align: center;
  font-size: .18rem;
  color: #565656;
}
.pop8-b-userName {
  margin-bottom: .25rem;
  margin-top: .1rem;
  color: #7486b8;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pop8-des1 {
  margin-top: .1rem;
  text-align: center;
  font-size: .18rem;
  color: #565656;
}
.pop8-desc {
  margin-top: .1rem;
  text-align: center;
  font-size: .18rem;
  color: #565656;
}
.pop8-btnGroup {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pop8-btn2 img {width: 100%;height: 100%;}
.pop8-btn2 {
  margin: .1rem .05rem 0;
  display: block;
  width: 2.17rem;
  height: .66rem;
}
.pop8-userList {
    width: 100%;
    height: 1.56rem;
    display: flex;
    flex-direction: row;
    /* align-items: center;
    justify-content: space-evenly; */
    margin: .12rem auto 0rem;
    overflow-y: scroll;
}
.pop8-u-item img {width: 1.075rem;height: 1.075rem;border-radius: 50%;
    position: absolute;
    left: .08rem;
    top: .07rem;
}
.pop8-u-item {
  margin-right: .10rem;
  margin-left: .06rem;
  position: relative;
  width: 1.22rem;
  height: 1.55rem;
  /* overflow: hidden; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/addbg.png) no-repeat;
  background-size: 1.22rem 1.22rem;
}
.pop8-u-item-name {
    margin: 1.20rem auto 0;
    min-height: .20rem;
    width: 1.22rem;
    text-align: center;
    font-size: .20rem;
    color: #565656;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* new */
.newPop {
  padding: .2rem .4rem;
  box-sizing: border-box;
  border-radius: .18rem;
  width: 5.63rem;
  height: 8.76rem;
  /* height: 1473rpx; */
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/popbg.png) no-repeat;
  background-size: 100% auto;
  font-size: .20rem;
  color: #2f4980;
}
.newPopTitle img {width: 100%;height: 100%;}
.newPopTitle {
  width: 1.9rem;
  height: .6rem;
}
.textLSan {
  position: relative;
}
.textLSan::after {
  content: '';
  position: absolute;
  left: -.18rem;
  bottom: .05rem;
  width: .08rem;
  height: .16rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/san.png) no-repeat;
  background-size: 100% auto;
}

/* 索要棋盘 */
.newPop9 {}
/* .newPoppTitle {} */
.newPop9T {
  padding-left: .25rem;
}
.newPop9Qp {
  width: 4.51rem;
  height: 2.45rem;
  margin: 0 auto 0;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pqBg.png) no-repeat;
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.newPop9Qp img {
  width: 4.40rem;
  height: 2.33rem;
  border-radius: .1rem;
}
.newPop9QpName {
  text-align: center;
}
.pop-btn-suoyao img {width: 100%;height: 100%;}
.pop-btn-suoyao {
    display: block;
    width: 2.17rem;
    height: .66rem;
    margin: 0 auto 0;
}

/*  */
.newPopTitle12 {
  width: 4.74rem;
}
/*  */
.newPop13 {
  height: 10.97rem;
}
.newPopTitle13{
  width: 1.87rem;
}


.mb10 {margin-bottom: .10rem;} 
.mb20 {margin-bottom: .20rem;} 
.mb30 {margin-bottom: .30rem;} 
.mb50 {margin-bottom: .50rem;} 
.mb100 {margin-bottom: 1rem;} 

.mt10 {margin-top: .10rem;} 
.mt20 {margin-top: .20rem;} 
.mt30 {margin-top: .30rem;} 
.mt50 {margin-top: .50rem;} 
.mt100 {margin-top: 1rem;} 
.mt150 {margin-top: 1.50rem;} 

.mtb50 {margin-top: .50rem;margin-bottom: .50rem;} 


/* newPop10 */
.newPop10 {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0 !important;
}
.newPop10_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.newPop10_box {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.59rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/newPop10_box.png) no-repeat;
    background-size: 100% auto;
}
.newPop10_copy { width: .76rem; height: .94rem; display: block;
background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/newPop10_copy.png) no-repeat;
    background-size: 100% auto;}
.newPop10_qq { width: .68rem; height: .94rem;  display: block;
background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/newPop10_qq.png) no-repeat;
    background-size: 100% auto;}
.newPop10_wx { width: .68rem; height: .94rem;  display: block;
background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/newPop10_wx.png) no-repeat;
    background-size: 100% auto;}

  
.toastBox1 {
  padding: .2rem .4rem;
  box-sizing: border-box;
  /* border-radius: .18rem; */
  width: 5.27rem;
  height: 4.46rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/pop3-bg.png) no-repeat;
  background-size: 100% auto;
  position: relative;
}
.toast-content1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .30rem;
}
.toast-title1 {
    width: 3rem;
    height: .70rem;
    font-size: .01rem;
    font-weight: bold;
    color: transparent;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/title1.png) no-repeat;
    background-size: .63rem .4rem;
    margin-left: .2rem;
    background-position: 0.1rem .1rem;
}
.toast-text1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    height: 3.3rem;
    font-size: .30rem;
    color: #fff;
}
.toast-copy2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    height: 3.3rem;
    font-size: .30rem;
    color: #fff;
}
.toast-copy-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.toast-copy-text p {
    margin-top: 0.1rem;
    max-height: 1.6rem;
    overflow: scroll;
    word-break: break-all;
}
.toast-copy {
    /* position: absolute;
    bottom: -.9rem;
    left: 50%; */
    width: 2.17rem;
    height: .66rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/copy.png) no-repeat;
    background-size: 100% auto;
    margin-top: 0.2rem;
}
.toast-close {
    position: absolute;
    bottom: -.9rem;
    left: 50%;
    width: .61rem;
    height: .61rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/close.png) no-repeat;
    background-size: 100% auto;
    margin-left: -.35rem;
}
.toastBox {
  padding: .2rem .4rem;
  box-sizing: border-box;
  border-radius: .18rem;
  width: 5.63rem;
  height: 4.2rem;
  background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/popbg.png) no-repeat;
  position: relative;
}
.toast-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .30rem;
}
.toast-title {
    height: .42rem;
    font-size: .36rem;
    font-weight: bold;
    color: #2f4980;
}
.toast-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}
.toast-text-alert {
    height: 2.5rem;
    font-size: .30rem;
    color: #2f4980;

}

  .toastBox2 {
    width: 6.77rem;
    height: 11.00rem;
    padding: .2rem .4rem;
    box-sizing: border-box;
    background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/ruleBg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    box-shadow: 0 0 .5rem #56575f;
    border-radius: .10rem;
  }
  .toast-content2 {}
  .toast-title2 {
    position: relative;
    width: 3rem;
    height: .7rem;
    font-size: .1rem;
    font-weight: bold;
    color: transparent;
    background: url(https://game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/title-rule.png) no-repeat;
    background-size: 1.26rem .4rem;
    background-position: 0rem .1rem;
  }
  .toast-title2::after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: -.05rem;
    width: 5.63rem;
    height: .02rem;
    background: #56575f;
  }
  .toast-text2 {
    width: 100%;
    height: 9.50rem;
    font-size: .28rem;
    color: #fff;
    overflow: scroll;
    box-sizing: border-box;
    /* padding: .1rem 0; */
    margin: .2rem auto;
  }
  .r-t1 {
    margin-top: .3rem;
    font-size: .28rem;
    font-weight: bold;
  }
  .r-t2 {
    font-size: .26rem;
    line-height: .38rem;
  }
  .mt0 {margin-top: 0 !important;}

.toast-btn img {width: 100%;height: 100%;}
.toast-btn {
    width: 2.17rem;
    height: .66rem;
    margin: 0 auto 0;
}
.toast-btnGroup {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}
.toast-btn-qr {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn2.png) no-repeat;
    background-size: 100% auto;
}
.toast-btn-qx {
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/pop/btn3.png) no-repeat;
    background-size: 100% auto;
}

.popClose {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;  
  width: .61rem;
  height: .61rem;
    background: url(//game.gtimg.cn/images/osgame/cp/a20260623kffx/close.png) no-repeat;
    background-size: 100% auto;
    color: transparent;
  font-size: .02rem;
  position: absolute;
  left: 50%;
  bottom: -1rem;
  margin-left: -.3rem;
}

/* tost */
.toast-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 2rem 0rem;
}
.toast-bg-content {
    font-size: .30rem;
    color: #fff;
    box-sizing: border-box;
    padding: .12rem .4rem;
    border-radius: .1rem;
    background: rgba(0, 0, 0, 0.9);
}


/*  */

@media screen and (max-height: 811px) {
    .btn-nextpage { bottom: 0.65rem }
    .btn-nextpage9 { bottom: 0.35rem }
    .skip {top: .7rem;}
    .nav {top: .7rem;}
    .page6Box-title { bottom: 0.65rem }
    .login-btn { bottom: 1rem; }
    .p6-posterImg { 
        /* margin-top: -1.8rem;  */
        transform: scale(.9);
    }
    .box9 {padding-top: 1.08rem;}
    .p9-card-img {bottom: 0rem;transform: scale(0.69); }
    .p9-card-box {bottom: 0.72rem;right: 1.2rem;}
    .p9-card-solge {     
        width: 5.36rem;
        left: 1.05rem;
        bottom: -.055rem;
    }
    .p9-card {
        height: 7.63rem;
        background-size: 5.15rem 7.63rem;
    }
    .p9-t1, .p9-t1-2 {
        margin: 0.1rem auto .2rem;
    }
    .page7Box {padding-top: 0;}
    .pop8 { transform: scale(.9) !important; top: 0.3rem;}
}