/*# zfa kb-王者万象棋登录页 2026/9/9 12:30:41 */
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333;-webkit-touch-callout:none}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
html{font-size:100px;font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.6666666667px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.9333333333px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.3333333333px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:750px){html{font-size:100px;font-size:13.33333vw}}
@media screen and (min-width:751px){html{font-size:100px}}
@media screen and (min-width:751px){html{font-size:100px}
body{width:750px;margin:0 auto}
[data-dpr="1"] body{width:750px;margin:0 auto}}
.gray,.grey{-webkit-filter:grayscale(1);filter:grayscale(1)}
.headArea{position:relative}
.headArea .cover img{display:block;width:100%;pointer-events:none}
.headArea .hd-logo{position:absolute;left:0.24rem;right:0.24rem;top:1.8rem;height:0.96rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.headArea .hd-logo img{display:block;height:100%}
.wrap{background:#90A0E3;z-index:1;overflow:hidden;position:relative;padding:0 0.25rem 0.6rem}
.wrap::before{content:"";width:100%;height:9.72rem;background:url(../images/wrap.jpg) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;left:0;top:0;z-index:-1}
.panel-slogan{padding:0.36rem 0}
.img-show{margin-top:0.8rem}
.img-show .txt{margin:0 -0.25rem;height:0.26rem;background:url(../images/img-text.png) no-repeat center top;background-size:auto 100%;background-color:transparent}
.img-show .img{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0.54rem}
.img-show .img img{display:block;width:100%;pointer-events:none}
.panel-login{padding-top:0.16rem}
.panel-login .lb-btn{background:url(../images/btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:4.18rem;height:1rem;text-align:center;line-height:0.9rem;font-size:0.36rem;color:#513822;-webkit-text-stroke-width:0.2pt;margin:0 auto}
.panel-login .lb-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.24rem;line-height:0.36rem;margin-top:0.3rem}
.panel-login .lb-link a{color:#484691}
.panel-login .lb-link a::before{content:"";display:inline-block;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAllBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AsEL///9jz/VQAAAAMHRSTlMAoC8qwgR9zKMlCBKC+QL1MsAX5IVwKI+QLHfom6vE2DUMed7cORuW4UFctk65HdKAt/maAAABBklEQVR42nVS13KDQAzUwdFsOqbYQGzjnjr7/z+XE+KGyUP24aTZEdqVBAmcWoOha4dWbHdApsNh1Bmw21q60XhOOWdpPj2hG6HdK1REFpHC1eWkDNByzIdxjDcm6RCUJsQIzetN/ax7N3mImGifVBFLH6FeD6OamlZVsqcD/Fnx9OlR+oWAO/k4UJCcVsOh8E4WELQnnDTzUxbTIKNqsfnA8bx8Rxgs7bWoHEkHEEbL34B3E2z9m+0fi+jSf/XzQMdB/Mz+Bee7lIt/mZdRviI2KfPKfhjfP5AK2c+6TwA3WvdJ7gWKT1EXrZmqUbi4y2E0ej8nRu730O6f+xaqU8V633/+h18xFhpUrILR4QAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAllBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AsEL///9jz/VQAAAAMHRSTlMAoC8qwgR9zKMlCBKC+QL1MsAX5IVwKI+QLHfom6vE2DUMed7cORuW4UFctk65HdKAt/maAAABBklEQVR42nVS13KDQAzUwdFsOqbYQGzjnjr7/z+XE+KGyUP24aTZEdqVBAmcWoOha4dWbHdApsNh1Bmw21q60XhOOWdpPj2hG6HdK1REFpHC1eWkDNByzIdxjDcm6RCUJsQIzetN/ax7N3mImGifVBFLH6FeD6OamlZVsqcD/Fnx9OlR+oWAO/k4UJCcVsOh8E4WELQnnDTzUxbTIKNqsfnA8bx8Rxgs7bWoHEkHEEbL34B3E2z9m+0fi+jSf/XzQMdB/Mz+Bee7lIt/mZdRviI2KfPKfhjfP5AK2c+6TwA3WvdJ7gWKT1EXrZmqUbi4y2E0ej8nRu730O6f+xaqU8V633/+h18xFhpUrILR4QAAAABJRU5ErkJggg==);-webkit-mask-size:100% auto;mask-size:100% auto;width:0.24rem;height:0.24rem;vertical-align:middle;background:#484691;margin-top:-0.03rem;margin-right:0.05rem}
.panel-login .lb-agree{width:6.16rem;text-align:center;line-height:0.4rem;font-size:0.22rem;color:#484691;margin:0.34rem auto 0}
.panel-login .lb-agree i{display:inline-block;width:0.28rem;height:0.28rem;background:url(../images/ico-radio.png) no-repeat 0 0;background-size:200% 100%;background-color:transparent;vertical-align:middle;margin-top:-0.03rem;margin-right:0.04rem}
.panel-login .lb-agree a{display:inline-block;color:#0700fe}
.panel-login .lb-agree.active i{background-position:100% 0}
.panel-login-ed .lb-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.panel-login-ed .lb-text em{height:0.54rem;line-height:0.56rem;overflow:hidden;font-size:0.36rem;font-weight:bold;background:-webkit-gradient(linear,left top,left bottom,from(#474590),to(#322970));background:linear-gradient(180deg,#474590,#322970);-webkit-background-clip:text;background-clip:text;color:transparent}
.panel-login-ed .lb-text p{line-height:0.34rem;font-size:0.24rem;color:#58579e}
.panel-login-ed .lb-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0.5rem 0}
.panel-login-ed .lb-btn a{-ms-flex-negative:0;flex-shrink:0;width:2.98rem;height:1rem;text-align:center;height:1rem;text-align:center;line-height:0.9rem;font-size:0.36rem;color:#513822;-webkit-text-stroke-width:0.2pt;margin:0 0.2rem}
.panel-login-ed .lb-btn .bt1{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.panel-login-ed .lb-btn .bt2{background:url(../images/btn3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.popBotArea{width:7.5rem;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:100;background:url(../images/pop-bottom.png) no-repeat 0 0;background-size:100% auto;background-color:transparent}
.popBotArea .pop-hide{position:absolute;right:0;top:0;width:0.7rem;height:0.7rem;background:url(../images/pop-hide.png) no-repeat center;background-size:0.26rem auto;background-color:transparent}
.popBotArea .inner{padding:0.4rem 0.36rem}
.popBotArea .p-tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:0.68rem;font-size:0.4rem;font-weight:bold}
.popBotArea .p-tit em{background:-webkit-gradient(linear,left top,left bottom,from(#474590),to(#322970));background:linear-gradient(180deg,#474590,#322970);-webkit-background-clip:text;background-clip:text;color:transparent}
.popBotArea .p-tit::before,.popBotArea .p-tit::after{content:"";width:1.14rem;height:0.21rem;background:url(../images/pop-tit.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin-top:-0.03rem}
.popBotArea .p-tit::before{margin-right:0.2rem}
.popBotArea .p-tit::after{margin-left:0.2rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.popBotArea .p-con{font-size:0.26rem;line-height:0.42rem;color:#484691;margin-top:0.2rem;max-height:5.6rem;overflow:auto;padding-right:0.2rem;margin-right:-0.2rem}
.popBotArea .p-con::-webkit-scrollbar{width:0.1rem}
.popBotArea .p-con::-webkit-scrollbar-thumb{border-radius:0.05rem;background:rgba(0,0,0,0.2)}
.popBotArea .p-con p{margin-top:0.2rem}
.popBotArea .p-con p:first-child{margin-top:0}
.popBotArea .p-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.45rem}
.popBotArea .p-btn a{background:url(../images/pop-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:4.1rem;height:1rem;text-align:center;line-height:1.02rem;font-size:0.36rem;color:#513822;-webkit-text-stroke-width:0.2pt}