/* 20260910-和平精英-kb Yapi */
@charset "UTF-8";html {line-height:1.15; text-size-adjust:100%;}
html * {-webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); -moz-box-sizing:border-box; box-sizing:border-box; outline-color:transparent; outline-style:solid;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,button,input,textarea,select,table,th,td,dl,dt,dd,label,figure,figcaption,blockquote {margin:0; padding:0; font-family:inherit; font-size:inherit; line-height:inherit; color:inherit;}
body {font-family:"Microsoft YaHei",Helvetica,Tahoma,sans-serif; font-size:0.24rem; line-height:1.4; overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
a {color:#333; text-decoration:none;}
a:hover,a:active {cursor:pointer;}
img {border:none; max-width:100%; height:auto; vertical-align:middle; -webkit-user-select:none; user-select:none; -webkit-user-drag:none;}
ul,ol,li {list-style:none;}
em,i,cite {font-style:normal;}
html {font-size:13.33333vw; font-size:clamp(42.66667px,13.33333vw,100px);}
@media screen and (min-width:751px){
html {font-size:66.6666666667px;}
.headArea {margin-top:-110px !important;}
}
.tac {text-align:center;}
.b {position:relative; width:7.5rem; margin:-1px auto 0; background-repeat:no-repeat; background-size:7.5rem auto; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.b>p {position:absolute; left:50%; transform:translateX(-50%);}
.gray,.grey {-webkit-filter:grayscale(100%); filter:grayscale(100%);}
.btns {text-align:center; font-size:0;}
.btns a {color:#000; font-size:0.3rem; position:relative; background-image:url(../images/btn-big.png); font-weight:bold; background-size:100% 100%; display:inline-flex; align-items:center; justify-content:center;}
.btns.btns7 a {width:2rem; height:.52rem; margin:2.55rem .8rem 0; font-size:.26rem; padding-bottom:.03rem;}
.btns.btns7 a:nth-child(-n+3) {margin:3.55rem .16rem 0;}
.hd-btns .btns a {background-image:url(../images/btn-hd.png);}
.hd-btns.col {margin:.1rem .3rem; display:-webkit-flex; display:flex; align-items:center;}
.hd-btns.col .btns a {display:flex; margin:.15rem;}
.mtxt {text-align:center; font-size:0.2rem; color:#000; margin:1.1rem auto 0;}
.mtxt em {color:#f60;}
.hd-tip {text-align:center; line-height:0.34rem; font-size:0.18rem; background:rgba(0,0,0,0.5); border-radius:0.16rem; position:absolute; left:50%; transform:translateX(-50%); color:#fff; bottom:2.7rem; padding:0 .15rem;}
.bindInfo{text-align:center}
/*  bgs  */
.b1 {background-image:url(../images/b_01.jpg); height:1.8rem;}
.b2 {background-image:url(../images/b_02.jpg); height:8.34rem;}
.b3 {background-image:url(../images/b_03.jpg); height:3.6rem;}
.b4 {background-image:url(../images/b_04.jpg); height:5.53rem;}
.b5 {background-image:url(../images/b_05.jpg); height:5.67rem;}
.b6 {background-image:url(../images/b_06.jpg); height:7.82rem;}
.b7 {background-image:url(../images/b_07.jpg); height:6.2rem;}
.b8 {background-image:url(../images/b_08.jpg); height:5.43rem;}
.b9 {background-color:#fff4ba;}

/* module:b2Side */
.rules,.nums {position:absolute;}
.nums {top:0; right:0; background:rgba(0,0,0,.55); height:.48rem; line-height:.48rem; padding:0 .2rem 0 .24rem; color:#fff; border-radius:.5rem 0 0 .5rem; font-size:.26rem; z-index:3;}
.nums em {color:#fff000;}
.rules {top:.6rem; right:0; z-index:3;}
.rules a {display:block; background:rgba(0,0,0,.55); height:.48rem; line-height:.48rem; padding:0 .2rem 0 .24rem; color:#fff; border-radius:.5rem 0 0 .5rem; font-size:.26rem; margin-bottom:.08rem;}

/* module:b3Btns */
.gameName {color:#333; font-size:.26rem; text-align:center;}

/* module:follow */
.llkModFollow {background:rgba(255,255,255,0.95); width:6.86rem; height:1.2rem; margin:.2rem auto 0; border-radius:.3rem; box-shadow:0 .02rem .12rem 0 #999; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; padding-left:.1rem; padding-right:.2rem; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.llkModFollow .followImg {-webkit-flex-shrink:0; flex-shrink:0; width:1.02rem; height:.94rem;}
.llkModFollow .followImg img {display:block; width:1.02rem; height:.94rem;}
.llkModFollow .followTxt {-webkit-flex:1; flex:1; min-width:0; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; margin-left:.1rem;}
.llkModFollow .followTxt p {color:#444; font-size:.24rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.llkModFollow .followTxt i {display:inline-block; width:.2rem; height:.2rem; margin-left:.1rem; -webkit-flex-shrink:0; flex-shrink:0; border-radius:50%; position:relative;}
.llkModFollow .followTxt i:after {content:"?"; font-size:.18rem; display:flex; align-items:center; justify-content:center; border:1px solid; border-radius:50%; width:100%; height:100%;}
.llkModFollow .followBtn {background:#23c268; padding:0 .27rem; height:.5rem; line-height:.5rem; -webkit-flex-shrink:0; flex-shrink:0; color:#fff; font-size:.24rem; border-radius:999rem; text-align:center; -webkit-animation:followAnt 2.4s linear infinite; animation:followAnt 2.4s linear infinite;}
.llkModFollow .followBtn.gray {-webkit-animation:none; animation:none;}
@-webkit-keyframes followAnt{0%,100%{-webkit-transform:rotate(0) scale(.9);transform:rotate(0) scale(.9)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
45%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes followAnt{
0%,100%{transform:rotate(0) scale(.9)}
10%{transform:rotate(2deg) scale(1)}
15%,25%,35%{transform:rotate(-4deg)}
20%,30%,40%{transform:rotate(4deg)}
45%{transform:rotate(4deg)}
50%{transform:rotate(2deg)}
55%,90%{transform:rotate(0)}
}

/* module:swiper */
.swpBanner {width:7.4rem; height:4.28rem; margin:0 auto; position:relative; overflow:hidden;}
.swpBanner .swiper-slide {display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}
.swpBanner img {display:block; margin:0 auto; -o-object-fit:cover; object-fit:cover; width:100%; height:100%;}
.swpBanner .lb-dots {width:100%; bottom:.2rem;}
.swpBanner .lb-dots span {width:.3rem; height:.04rem; background-color:#fff; opacity:1; border-radius:.1rem; margin:0 .03rem;}
.swpBanner .lb-dots .swiper-pagination-bullet-active {background-color:#b20c0d;}
/* swpBanner size */
.swpBanner {width:6.69rem; height:4.65rem;}
/*  btns  */
.btns a {width:1.96rem; height:0.56rem;}
.hd-btns .btns a {width:1.9rem; height:0.61rem;}

/* studio-edit */
.b3 .hd-btns .btns a {margin:0.5rem 0rem 0.65rem 3.5rem;}
.b3 .btn-bind {font-weight:bold; display:inline-flex; align-items:center; justify-content:center; background:url(../images/btn-big.png) no-repeat center/100% 100%; width:1.66rem; height:.46rem; margin:0rem 0rem 0rem 0.1rem;}
.b3 .hd-btns .gameName .btn-bind {width:1.3rem;}
.b3 .llkModFollow {height:1rem;}
.b4 .btns a {width:1.58rem; height:0.45rem; top:2.5rem; right:2.25rem;}
.b5 .btns a {top:2.8rem;}
.b6 .btns a {top:4.5rem; background:url(../images/btn-big2.png) center/100% 100%; color:#fddc3b;}
.b7 .swiper-container-horizontal {margin:1.2rem auto;}