/* 20260824-王者万象棋-kb */
@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:calc(100vw / 7.5)}
@media screen and (min-width:751px){
html{font-size:66.6666666667px}
}
@media screen and (min-width:751px){
.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;white-space:nowrap;font-size:0;}
.btns a{color:#6d4414;font-size:0.3rem;position:relative;font-weight:bold;background-size:100% 100%;display:inline-flex;align-items:center;justify-content:center;}
.hd-btns{margin:.2rem auto 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.24rem;color:#fcecff;margin:0 auto .3rem;}
.mtxt em{color:#f60}
.hd-logo{height:3.58rem;margin:3rem auto 0;display:block;}
/* —— bgs —— */
.b1{background-image:url(../images/b_01.jpg);height:1.8rem}
.b2{background-image:url(../images/b_02.jpg);height:6.7rem}
.b3{background-image:url(../images/b_03.jpg);height:1.24rem}
.b4{background:url(../images/b_04.jpg) no-repeat center 0/100% auto,url(../images/b_05.jpg) repeat-y center/100% auto;}
/* 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:swiper */
.swpBanner{width:7.4rem;height:4.28rem;margin:.5rem auto .58rem;position:relative}
.swpBanner .swiper-slide{width:7.11rem;height:4.32rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.swpBanner img{width:7rem;height:3.9rem;display:block;margin:.2rem auto;-o-object-fit:cover;object-fit:cover}
.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}
/* —— 语义切图尺寸 —— */
.hd-btns .btns a{width:2.74rem;height:0.78rem;margin:0 .2rem;}
/* —— tab —— */
.tab-th{display:flex;justify-content:center;align-items:flex-end;margin:.2rem auto 0;position:relative;z-index:2}
.tab-th .tab{width:1.95rem;height:.63rem;text-align:center;font-size:.24rem;color:#fff;background:url(../images/tab.png) no-repeat center bottom/100% auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding-top:.13rem;}
.tab-th .tab.on{color:#6b1a3a;font-weight:bold;background:url(../images/tab-on.png) no-repeat center/auto 100%;}
/* —— swpRole —— */
.swpRole{width:7.5rem;height:4.5rem;margin: .3rem auto 0;overflow:hidden}
.swpRole .swiper-slide{width:3.38rem;height:4.26rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;opacity:0;pointer-events:none}
.swpRole .swiper-slide-active{opacity:1;pointer-events:auto}
.swpRole .swiper-slide-prev,.swpRole .swiper-slide-next{opacity:.72;pointer-events:auto}
.swpRole .swiper-slide img{width:3.17rem;height:3.99rem;display:block;max-width:none;-o-object-fit:contain;object-fit:contain;transition:width .25s,height .25s,box-shadow .25s}
.swpRole .swiper-slide-active img{width:3.38rem;height:4.26rem;border-radius:.12rem}
.img-list{display:flex;justify-content:center;align-items:center;margin:.2rem auto 0;position:relative;z-index:2}
.img-list img{height:2.4rem;display:block;margin: 0.1rem .2rem .5rem;}

.reward1{width:5.84rem;display:block;margin:0.72rem auto 0.42rem;}