/* 20260826-使命召唤-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;color:rgba(191,238,255,0.7);}
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:#fff;font-size:0.24rem;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;}
.hd-btns{margin:.2rem auto 0;}
.hd-btns .btns a{background-image:url(../images/btn-hd.png);}
.hd-btns.col{margin:.1rem 1rem;display:-webkit-flex;display:flex;align-items:center;}
.hd-btns.col .btns a{display:flex;margin:.13rem;}
.mtxt{text-align:center;font-size:0.2rem;color:#bfeeff;margin:1.3rem auto 0;}
.mtxt em{color:#f60}
.hd-tip{height:0.32rem;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: .25rem;}
.kbFootCopyright{padding-bottom:.5rem !important;}
/* —— bgs —— */
.b1{background-image: url(../images/b_01.jpg?v=20260908);height:1.8rem}
.b2{background-image: url(../images/b_02.jpg?v=20260908);height: 6.34rem;}
.b3{background-image:url(../images/b_03.jpg);height:3.02rem}
.b4{background-image:url(../images/b_04.jpg);height:3.46rem}
.b5{background-image:url(../images/b_05.jpg);height:8.46rem}
.b6{background-image:url(../images/b_06.jpg);height:7.88rem}
.b7{background-image:url(../images/b_07.jpg);height: 10.4rem;}
.b8{background: url(../images/b_08.jpg) no-repeat,url(../images/b_08.jpg) no-repeat center bottom;/* height:13.89rem; */background-size: 100% auto;}
.b9{background-image:url(../images/b_09.jpg);height:4.6rem}
.b10{background-image:url(../images/b_10.jpg);background-color:#082140;}
.taskList .button{background:url(../images/btn-big.png) no-repeat center/100% 100%;}
/* 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 */
.hd-btns .gamemName{color:#fff;font-size:.26rem;text-align:center}
/* module:follow */
.llkModFollow{background:rgba(255,255,255,.5);width:6.86rem;height:1.2rem;margin:.25rem 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:.24rem;height:.24rem;margin-left:.1rem;-webkit-flex-shrink:0;flex-shrink:0;background:#444;border-radius:50%;position:relative}
.llkModFollow .followTxt i:after{content:"?";position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;font-size:.18rem;line-height:.24rem;text-align:center}
.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:inputBox */
.input-box{position:relative;width:6.6rem;height:1.3rem;margin:.18rem auto -.1rem;padding:0.2rem 0.2rem 0.2rem;-moz-box-sizing:border-box;box-sizing:border-box;color:#68bdff;}
.input-box .row{display:flex;align-items:center;justify-content:space-between;}
.input-box .row:first-child{margin-top:0;margin-bottom:.1rem;}
.input-box .tips{font-size:.21rem;flex:1;min-width:0;line-height:1.35;text-align:left;padding-right:0.1rem;white-space:nowrap;color:#dbeeff;}
.input-box .tips em{font-style:normal}
.input-box .input-wrap{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-right:0.1rem}
.input-box .label{flex-shrink:0;font-size:0.28rem;font-weight:bold;margin-right:0.1rem;white-space:nowrap;width:1.7rem;}
.input-box .input{flex:1;min-width:0;height:0.34rem;line-height:.34rem;padding:0 0.2rem;font-size:0.2rem;background:#09376f;border:none;box-sizing:border-box;margin-right:.1rem;}
.input-box .input::-webkit-input-placeholder{color:#7b9bbe}
.input-box .input::-moz-placeholder{color:#7b9bbe}
.input-box .input:-ms-input-placeholder{color:#7b9bbe}
.input-box .input::placeholder{color:#7b9bbe}
.input-box .btn{width:1.4rem;height:0.38rem;font-size:0.24rem;font-weight:bold;color:#fff;text-align:center;background-repeat:no-repeat;background-size:100% 100%;margin:0;display:flex;align-items:center;justify-content:center;}
.input-box .btn-yq{background-image:url(../images/btn-yq.png);}
.input-box .btn-zl{background-image:url(../images/btn-zl.png);}
/* module:fixMenu */
.fixMenu{height:1.24rem}
.fixMenu .fxmInner{background:#fff;width:7.5rem;height:1.24rem;background-position:center center;-webkit-box-sizing:border-box;box-sizing:border-box;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;-ms-flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;display:flex;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:20}
.fixMenu .fxmInner .mask{width:1.4rem;height:0.55rem;left:50%;margin-left:-0.7rem;position:absolute;top:-0.55rem;z-index:-3;overflow:hidden;display:none}
.fixMenu .fxmInner .mask:before{background:#f9c8ae;width:1.4rem;height:1.4rem;border-radius:9.99rem 9.99rem 0 0;position:absolute;top:0;left:0;content:"";overflow:hidden}
.fixMenu .fxmInner .link{width:1.3rem;height:1rem;margin:0 0.02rem;position:relative;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link:nth-child(2){z-index:3}
.fixMenu .fxmInner .link img{width:0.63rem;height:0.62rem;margin:0.07rem auto 0;display:block}
.fixMenu .fxmInner .link em{height:0.32rem;line-height:0.34rem;margin:0.08rem auto 0;text-align:center;display:block;font-size:0.2rem;color:#1c1c30}
.fixMenu .fxmInner .link p{background:#F7D54C;height:0.28rem;line-height:0.3rem;padding:0 0.12rem;border-radius:0.25rem 0.25rem 0.25rem 0.02rem;border:1px solid #F7D54C;font-size:0.18rem;color:#312F23;white-space:nowrap;position:absolute;top:-0.1rem;left:50%;margin-left:0.1rem;overflow:hidden}
.fixMenu .fxmInner .reservabtn{width:1.74rem;margin:0 0.05rem;margin-top:-0.4rem}
.fixMenu .fxmInner .reservabtn .item{background:url(../images/fix_item.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.14rem;height:1.14rem;padding-right:0.03rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;position:relative;z-index:1;overflow:hidden;border-radius:50%}
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before{content:"";position:absolute;border-radius:999rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
.fixMenu .fxmInner .reservabtn .item:before{background:#bd6d31;width:1rem;height:1rem;left:50%;margin-left:-0.5rem;top:0.1rem;z-index:-1}
.fixMenu .fxmInner .reservabtn .item:after{background:#d19358;width:1.2rem;height:1.2rem;position:absolute;left:50%;margin-left:-0.6rem;top:0;z-index:-2}
.fixMenu .fxmInner .reservabtn .item i{background:url(../images/fix_btn.png) no-repeat;background-size:0.44rem 0.51rem;background-position:center center;width:0.44rem;height:0.56rem;margin:0.08rem auto 0;display:block;-webkit-animation:shake 2.4s linear infinite;animation:shake 2.4s linear infinite;-webkit-transform-origin:50% 20%;transform-origin:50% 20%}
.fixMenu .fxmInner .reservabtn .item em{height:0.28rem;line-height:0.28rem;font-size:0.22rem;margin-top:0.05rem;color:#fff;display:block;text-align:center;overflow:hidden}
.fixMenu .fxmInner .reservabtn .text{height:0.28rem;line-height:0.3rem;margin:0.07rem auto 0;display:block;text-align:center;font-size:0.2rem;color:#1c1c30;position:relative;z-index:3}
.fixMenu .fxmInner .done .item{-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item i{-webkit-animation:none;animation:none;color:#ccc;-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item em{-webkit-filter:grayscale(1);filter:grayscale(1)}
@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.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 shake{
0%,100%{-webkit-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.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)}
}
/* module:kbside */
.kb-mod-fixMenu{position:fixed;right:0.18rem;bottom:2rem;z-index:100;-webkit-transition:all 0.8s;transition:all 0.8s}
.kb-mod-fixMenu.fold{right:-1.5rem}
.kb-mod-fixMenu li{margin-top:0.16rem}
.kb-mod-fixMenu a{font-size:0.18rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:0.96rem;height:0.96rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.2rem;border:1px solid #FFF;background:rgba(255,255,255,0.8);-webkit-box-shadow:0 0.04rem 0.08rem 0 rgba(45,39,39,0.25);box-shadow:0 0.04rem 0.08rem 0 rgba(45,39,39,0.25);backdrop-filter:blur(0.04rem);position:relative}
.kb-mod-fixMenu a:first-child{margin-top:0}
.kb-mod-fixMenu .toTop{display:none}
.kb-mod-fixMenu i{display:block;width:0.48rem;height:0.48rem;margin-top:0.04rem;background-repeat:no-repeat;background-size:100% 100%}
.kb-mod-fixMenu i.i5{background-image:url(../images/ico-top.png)}
/* module:draw */
.cj-btn,.cj-nums{position:absolute;left:50%;transform:translateX(-50%);top:4.1rem;}
.cj-nums{top:8rem;}
.cj-nums{font-size:.24rem;color:#fff;text-align:center}
.cj-nums em{color:#f60}
.cj-record{color:#fff;font-size:0.24rem;position:absolute;right:.5rem;top:8rem;text-decoration:underline;}
/* module:taskList */
.taskList{width:6.87rem;margin:7rem auto 0;padding:0 .1rem .3rem}
.taskList li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:6.87rem;height:.79rem;margin:.13rem auto 0;padding:.05rem .35rem 0 .4rem;background:url(../images/bg-li.png) no-repeat center/100% 100%;position:relative;-moz-box-sizing:border-box;box-sizing:border-box}
.taskList dl{-webkit-flex:1;flex:1;min-width:0;padding-right:.16rem}
.taskList dt{font-weight:bold;overflow:hidden;color:#dbeeff;}
.taskList dt .whao{display:inline-block;vertical-align:top;margin-left:.05rem;width:.24rem;height:.24rem;border-radius:50%;position:relative}
.taskList dt .whao:after{content:"?";position:absolute;left:0;right:0;top:0;bottom:0;color:#dbeeff;font-size:.2rem;text-align:center;font-weight:bold;border-radius:50%;border:1px solid #dbeeff;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.taskList dd{font-size:.2rem;}
.taskList .taskRgt{-webkit-flex-shrink:0;flex-shrink:0;margin-left:.2rem;position:relative}
.taskList .button{font-size:.26rem;font-weight:bold;color:#fff;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.taskList .taskRgt .rgtTip{background:#f60;height:.28rem;line-height:.28rem;color:#fff;text-align:center;font-size:.2rem;padding:0 .1rem;position:absolute;top:-.27rem;right:0;z-index:3;border-radius:.08rem}
.taskList .taskRgt .rgtTip:before{background:#f60;width:.1rem;height:.1rem;position:absolute;right:.2rem;transform:rotateZ(45deg);bottom:-.04rem;content:"";z-index:1}
/* —— btns —— */
.btns a{width:2.5rem;height:0.65rem;margin:0 .3rem;}
.cj-btn a{background-image:url(../images/btn-cj.png);font-size:0;;width:1.95rem;height:1.77rem;}
.hd-btns .btns a{width:1.8rem;height:0.47rem}
.hd-btns .btns a:nth-child(2){background-image:url(../images/btn-hd2.png)}
.taskList .button{width:1.8rem;height:0.52rem;}
.tab-hd{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}
.tab-hd span{width:3.25rem;height:0.66rem;overflow:hidden;line-height:99;margin:0 0.1rem;background:url(../images/tab-hd.png) no-repeat 0 0;background-size:200% 200%;background-color:transparent}
.tab-hd span.t1{background-position:0 0}
.tab-hd span.t1.on{background-position:0 100%}
.tab-hd span.t2{background-position:100% 0}
.tab-hd span.t2.on{background-position:100% 100%}
.tab-bd{margin-top:0.3rem}
.tab-bd p{text-align:center;font-size:0.2rem;line-height:1.4;color:rgba(191,238,255,0.7);margin:0 0.32rem}
.tab-bd .img{width:6.85rem;margin:0.3rem auto 0}
.tab-bd .img img{display:block;width:100%}
.tab-bd .btns{margin-top:.3rem;}
.b5 .note{text-align:center;font-size:0.2rem;line-height:0.2rem;color:#bfeeff;margin:0.32rem 0.32rem 0}
.hide{display:none;}
.b6 .btns a{width:1.4rem;height:.38rem;margin-top:1.8rem}
.card-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1.5rem .45rem .2rem;perspective:12rem;-webkit-perspective:12rem;}
.card-item{width:1.59rem;height:2.9rem;margin-bottom:.2rem;perspective:12rem;-webkit-perspective:12rem;}
.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,.15,.2,1);-webkit-transition:-webkit-transform .75s cubic-bezier(.4,.15,.2,1);}
.card-face{position:absolute;left:0;top:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-repeat:no-repeat;background-position:center;background-size:100% 100%;overflow:hidden;border-radius:.06rem;}
.card-back{background-image:url(../images/role-def.png);z-index:2;}
.card-front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);z-index:1;}
.card-front img{display:block;width:100%;height:100%;object-fit:cover;}
.card-item.flipped .card-inner{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.card-item.flipping{z-index:5;}
.card-item.flipped .card-front{box-shadow:0 0 .16rem rgba(255,200,80,.55);}
.b7 .mtxt{margin: .2rem auto 2.1rem;}
.b8 .mtxt{margin-top:1.2rem;}
/* module:noticeScroll */
.notice{position:absolute;left:50%;transform:translateX(-50%);top:1.3rem;background:rgb(61 70 124 / 80%);border-radius:.38rem;padding:0 .2rem;}
.llk_choujiang_scroll{width:5rem;height:0.38rem;margin:.3rem auto 0;display:-webkit-flex;display:flex;-webkit-align-items:start;align-items:start;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.llk_choujiang_scroll ul{-webkit-flex:1;flex:1;width:0%}
.llk_choujiang_scroll ul li{height:.38rem;line-height:.38rem;font-size:.22rem;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.llk_choujiang_scroll span{color:#ffc900;display:inline-block;max-width:2.5rem;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b9 .btns a{margin:1.55rem 0 0 1.1rem;width:2rem;height:.5rem;}
.b10 .img-list{margin-top:1.5rem;}
.img-list li{display:block;width:6.89rem;margin:0 auto .2rem;}
.img-list li img{display:block;width:100%;}