@import"https://fonts.font.im/css2?family=Noto+Sans+HK:wght@100..900&family=Noto+Serif+HK:wght@200..900&display=swap";@media(max-height: 400px){body{zoom:.9}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:3px;background:hsla(0,0%,100%,0);-webkit-box-shadow:inset 0 0 5px hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.12);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2)}body.s-lock-scroll{overflow:hidden}.text-hide{font-size:0;line-height:0}.text-line{position:relative}.text-line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.5px;background-color:#fff}.flex-layout{display:flex;align-items:center;justify-content:center}.drop-down .drop-down-box{top:unset;padding:0 !important;border-radius:.5em !important;overflow:hidden}.sidebar{position:fixed;top:calc(50% + .41rem);transform:translateY(-50%);z-index:60;text-align:center;background-position:center;background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.btn-download a{width:100%;height:100%;background-size:contain;display:block;background-repeat:no-repeat;background-position:center center;border-radius:5em;background-color:#000}.btn-download .google-pay{background-image:url(https://pic.igamebuy.com/activity/events/public/images/google.png)}.btn-download .app-store{background-image:url(https://pic.igamebuy.com/activity/events/public/images/appstore.png)}.top-up-list{background-color:#fff;border-radius:.5em;box-shadow:0px 0px 6px 0px rgba(0,0,0,.19);padding:.5em 0}.top-up-list li{padding:0 .2rem;width:auto;line-height:2.5;color:#333;text-align:center;white-space:nowrap;border-radius:0;background:#fff !important;transition:all .4s;cursor:pointer}.top-up-list li:hover{background:rgba(255,212,184,.25) !important}.nav .user-box{color:#fff;display:flex;justify-content:center;align-items:center}.nav .user-box .user-icon{display:none}.nav .user-box .user-info{display:flex;align-items:center;column-gap:.1rem;padding:0 1.2em;width:auto}.nav .user-box .user-info .line{opacity:.5}.nav .user-box .sign-out{cursor:pointer}.nav .user-box .sign-out:hover{text-decoration:underline}@media(max-width: 720px){.nav .user-box{min-width:2.5em}.nav .user-box .user-icon{display:flex}.nav .user-box .user-info{display:none}}.reg-phone{display:grid;align-items:center;align-content:center;grid-template-columns:1.2rem 1fr;padding:.16rem .28rem;background-color:#fff;border-radius:50px;box-sizing:border-box}@media(max-width: 900px){.reg-phone{grid-template-columns:1.6rem 1fr;padding:.2rem .28rem}}.reg-phone.reg-ver{grid-template-columns:1fr auto}.reg-phone input{width:100%}.area{position:relative}.area span{position:relative;display:block;width:100%}.area span::after{content:"";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:.06rem .04rem 0;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0)}@media(max-width: 900px){.area span::after{border-width:.12rem .08rem 0}}.ares-list{position:absolute;left:50%;transform:translateX(-50%);top:30px;z-index:5;padding:0em 1.14em;min-width:100%;border-radius:.1rem;background-color:#fff;box-shadow:0 0 .1rem #e1e1e1}.ares-list p{padding:.71em 0;cursor:pointer}.ares-list p:hover{color:#000}.s-pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);transition:all .4s ease;opacity:1}.s-pop.active{opacity:1}.s-pop.active .s-pop-main{opacity:1}.s-pop.s-confirm .s-pop-main{max-width:6.6rem}@media(max-width: 900px){.s-pop.s-confirm .s-pop-main{max-width:calc(100% - 2.28em)}}.s-pop.s-confirm .s-pop-body{line-height:1.8}.s-pop .s-pop-main{position:relative;padding:.71em 1.42em;max-height:100%;background:#fff;border-radius:.1rem;box-sizing:border-box;transition:all .4s ease;overflow:auto;opacity:1}@media(max-width: 900px){.s-pop .s-pop-main{padding:.3rem 1.85em;min-width:calc(100% - 2.28em);max-width:calc(100% - 2.28em)}}@media(max-height: 400px){.s-pop .s-pop-main{padding:.71em}}.s-pop .s-pop-close{position:absolute;right:7.14em;top:7.14em;z-index:1;line-height:1;text-align:center;cursor:pointer}.s-pop .s-pop-close i{font-size:max(20px,.24rem);color:#a8a8a8;transition:all .4s ease}.s-pop .s-pop-close i:hover{color:#363636}.s-pop .s-pop-body{padding:0 .5rem;min-width:3rem;max-height:60vh;text-align:center;overflow:auto}@media(max-width: 900px){.s-pop .s-pop-body{padding:0;min-width:initial}}@media(max-height: 400px){.s-pop .s-pop-body{max-height:90vh}}.s-pop .s-pop-body canvas,.s-pop .s-pop-body .code-img{margin:.2rem auto}.s-pop .s-pop-body .form-item{text-align:left}.s-pop .link-url{color:#014bd2}.s-pop.s-pop-area .s-pop-body{text-align:left}.s-pop .s-pop-head{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;text-align:center;font-weight:700;font-size:.24rem}.s-pop .s-pop-head span{font-size:.18rem}.s-pop .s-pop-head span.gray{font-size:.13rem;font-weight:normal}.s-pop .s-pop-head .logo{width:1.58rem;padding:0;height:.3rem;background-size:contain;background-repeat:no-repeat;background-position:center center}@media(max-width: 900px){.s-pop .s-pop-head{margin-bottom:.3rem;font-size:var(--fontS-title);font-family:-apple-system,"PingFangHK-Medium","Noto Sans TC","Microsoft YaHei",Arial,sans-serif}}.s-pop-foot{display:flex;align-items:center;justify-content:center;margin-top:.5rem;text-align:center;gap:.15rem}.s-pop-foot .s-button{margin:0 .15rem;padding:.08rem .24rem;min-width:1.4rem;text-align:center}@media(max-width: 600px){.s-pop-foot .s-button{min-width:1rem;margin:0}}@media(max-width: 900px){.s-pop-foot{margin-top:.3rem}}.s-pop .main-menu{gap:.4rem;margin-bottom:.3rem}.s-pop.popup-receipt-preview .s-pop-head{margin-bottom:.2rem}.s-pop.popup-receipt-preview .s-pop-body{max-height:80vh;padding:0}.s-pop.popup-receipt-preview .s-pop-main{padding:.26rem .16rem}.s-pop.popup-receipt-preview .s-pop-main .receipt-box{max-width:100%}.s-pop.popup-receipt-preview .responsive-div{box-sizing:border-box;width:100% !important;padding:0 !important}.s-pop.popup-receipt-preview .receipt-box{padding:0 .2rem !important}.s-pop.popup-receipt-preview .receipt-logo img{width:2rem}@media(max-width: 900px){.s-pop.popup-receipt-preview .receipt-logo img{width:1.1rem}}.s-pop.popup-receipt-preview .s-pop-foot{margin-top:0}.s-pop.popup-receipt-preview .responsive-div{box-shadow:none !important}.s-pop.user-dialog .s-pop-body{display:flex;max-height:80vh}@media(max-width: 900px){.s-pop.user-dialog .s-pop-body{flex-direction:column;max-height:100vh}}@media(max-width: 900px)and (max-height: 600px){.s-pop.user-dialog .s-pop-body{flex-direction:column;max-height:unset}}.s-pop.user-dialog .s-pop-main{padding:0;max-width:100%;border-radius:.16rem}@media(max-width: 900px){.s-pop.user-dialog .s-pop-main{width:100% !important;height:100%;max-height:100%;border-radius:0}}.s-pop.user-dialog .user-panes .s-pop-foot{flex-direction:column;margin-top:.4rem}@media(max-width: 900px){.s-pop.user-dialog .s-pop-close{top:.2rem}}.s-pop.user-dialog .user-panes{padding:.5rem;width:3.6rem}@media(max-width: 900px){.s-pop.user-dialog .user-panes{position:relative;z-index:10;margin-top:-0.4rem;padding:.6rem .3rem;width:100%;min-height:calc(100vh - 1.7rem);background-color:#fff;box-shadow:0 0 .16rem rgba(0,0,0,.16);border-radius:.4rem .4rem 0 0;box-sizing:border-box}}.s-pop .hint-color{display:block;margin-bottom:.1rem;font-size:var(--fontS-min);text-align:left}.s-pop.s-popper-body .s-cascader-dropdown{padding:.3rem}.s-pop .pop-qrcode .hint-color{margin-bottom:0}.s-pop .btn-use-app,.s-pop .btn-use-qrcode{display:flex;align-items:center;justify-content:center;gap:.04rem;color:#0256ff;cursor:pointer}.s-pop .btn-use-app .icon,.s-pop .btn-use-qrcode .icon{color:#0256ff}.s-pop .box-btns{margin-top:.2rem}.s-pop .box-btns .icon{font-size:.18rem;line-height:.18rem}.s-pop .view-kami .pop-main-form p{text-align:left}.s-pop .view-kami .info-list{gap:.1rem;margin-bottom:.1rem;padding:.16rem;background-color:#f7f7f7;border-radius:.08rem}.s-pop .view-kami .info-list li{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.1rem}.s-pop .view-kami .info-list li .icon-copy{margin-left:.1rem;cursor:pointer}.s-pop .pop-plain-text{margin-bottom:var(--main-spacing)}.s-pop .pop-plain-text span{color:#767676;font-size:var(--fontS-min)}.s-pop .giftpack-detail-text{text-align:left}.s-pop .pop-main-form{display:grid;gap:.16rem;text-align:left}.s-pop .pop-main-form .form-item{margin-bottom:0}.s-pop.pop-gameinfo .info-list{justify-content:flex-start}.s-pop.pop-gameinfo .form-item-head{color:#767676}.s-pop-code .s-input input{text-align:center}.s-cascader-dropdown{display:flex;max-height:3.4rem;overflow:auto}.s-cascader-dropdown ul{display:grid;gap:.16rem;min-width:.8rem;max-height:100%;overflow:auto;height:fit-content}.s-cascader-dropdown ul:not(:last-child){border-right:1px solid #ededed}.s-cascader-dropdown ul li{display:flex;align-items:center;gap:.1rem;padding:0 .16rem;cursor:pointer;white-space:nowrap}.s-cascader-dropdown ul li:hover{color:#ff2323}@media(max-width: 320px){.s-cascader-dropdown{max-height:2.4rem}}.bottom-select.bottom-pop .s-pop-head>*{align-items:center;text-transform:capitalize}.s-popper.wap .s-cascader-body{margin-top:.2rem}.use-igb-pop{font-size:var(--fontS-min)}.use-igb-pop .lr-layout{margin-bottom:.08rem}.use-igb-pop .lr-layout span{flex:1}.use-igb-pop .lr-layout .s-input{flex:1}.use-igb-pop .lr-layout .s-input input{padding:0 .1rem;background:none;border:none;border-radius:0}.use-igb-pop .lr-layout .s-input input:focus-visible{box-shadow:none}.use-igb-pop .to-use{padding:.16rem;box-sizing:border-box;border-radius:.08rem;background-color:#f5f5f5}.use-igb-pop .use-info .gray{margin-left:.02rem}.use-igb-pop .s-input-prepend{display:flex;align-items:center}.use-igb-pop .s-pop-foot{margin-top:.3rem}.use-igb-pop .s-button{flex:1;column-gap:.2rem;padding:0;margin:0;height:.48rem;line-height:.48rem;border-radius:.12rem}.use-igb-pop .s-button.s-button-ban{color:#363636}@media(max-width: 720px){.chat-icon .icon{font-size:.36rem !important}}.setting{position:relative;background:linear-gradient(to bottom, #18263f, rgba(30, 40, 66, 0.2), rgba(30, 40, 66, 0))}.wide{width:12rem;margin:0 auto}.structure{display:flex;justify-content:center}.empty-hint{margin:2em 0;text-align:center;font-size:clamp(12px,.73vw,20px);width:100%;text-align:center}.button{padding:10px 25px;border-radius:6px;color:#fff;font-size:19px;letter-spacing:3px;min-width:141px;display:inline-block;text-align:center}.button-submit{background:#9a5e1d;transition:background .6s ease}.button-submit{background:#863f00}.btn-list{display:flex;justify-content:center}.btn-list :not(:first-child){margin-left:.2rem}.btn{font-size:clamp(16px,1.04vw,26px);cursor:pointer;transition:filter .3s ease-in-out;color:#fff;width:10em;height:3em;line-height:3em;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:bold;letter-spacing:2px}.btn.public{background:linear-gradient(to right, #5cf2ff, #5c3adb)}.btn.gray{border:2px solid rgba(0,0,0,0);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#325078),linear-gradient(to right, #5cf2ff, #5c3adb)}.btn.blue{background:linear-gradient(to right, #25bbd8, #2266ef)}.btn.not{background:linear-gradient(to right, #dddddd, #616161)}.btn.change{background:linear-gradient(to right, #0a85a3, #265d9f)}.form .form-item-label,.form .form-item-body{color:#486162}.popup-foot button{margin:.5em auto;letter-spacing:initial;text-indent:initial}.pagenum-blue{font-size:clamp(12px,.73vw,20px)}.pagenum-blue li{background-color:initial;border:1px solid #95b5d0;color:#95b5d0}.pagenum-blue li.selected{background-color:#22ceef;border:1px solid #22ceef;color:#fff}.s-pop-event .activity-pop-title{word-break:break-all;width:100%;font-size:clamp(18px,1.15vw,28px);line-height:3em;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/pop-title.png) no-repeat center bottom/100% 100%;background-size:cover;--height: 3em;height:var(--height)}@supports(aspect-ratio: 1){.s-pop-event .activity-pop-title{aspect-ratio:550/71}}@supports not (aspect-ratio: 1){.s-pop-event .activity-pop-title{width:var(--width);height:calc(var(--width)*71/550)}}.s-pop-event .activity-main{padding:1.875em;max-height:calc(60vh - 5em);overflow:auto;box-sizing:border-box;text-align:initial}.s-pop-event .activity-main h3{font-weight:bold}.s-pop-event .activity-main h3:not(:first-child){margin-top:1em}.s-pop.s-pop-event{font-family:var(--font-mi-sans-regular);font-size:clamp(14px,.83vw,20px);background:rgba(0,0,0,.7)}.s-pop.s-pop-event .s-pop-main{overflow:initial;border-radius:.06rem;background:#315276;border:1px solid #6478a3;padding:0}.s-pop.s-pop-event .s-pop-body{position:relative;padding:0;min-width:34.375em;max-width:46.875em;overflow:initial;max-height:initial}.s-pop.s-pop-event .s-pop-close{top:.2em;right:-2.6em;width:1.875em;height:1.875em;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/close-new.png) 0 0/100% auto;cursor:pointer}.s-pop.s-pop-event .s-pop-close:hover{opacity:.8;transform:scale(1.1)}.s-pop.s-pop-event .hint{font-size:clamp(14px,.94vw,22px)}.s-pop.s-pop-event .hint-com{font-size:clamp(14px,.83vw,20px)}.s-pop.s-pop-event .blue{color:#22ceef}.s-pop.s-pop-event .headline{color:#95b5d0}.s-pop.s-pop-event .yellow{color:#ffbf35}.s-pop.s-pop-event .explain{color:#22ceef}.s-pop.s-pop-event .log-list{font-size:clamp(12px,.73vw,20px)}.s-pop.s-pop-event .log-list li{display:grid;grid-template-columns:1fr 10em;align-items:center;gap:.71em;border-bottom:1px dotted #95b5d0;padding:.42em 0}.s-pop.s-pop-event .log-list li p:first-child{text-align:left}.s-pop.s-pop-event .log-list li p:last-child{color:#95b5d0}.s-pop.s-pop-event .profile p{font-size:clamp(14px,.94vw,22px);border-bottom:1px solid #426d96;padding:.71em 0;text-align:left}.s-pop.s-pop-event .profile-box{display:flex;justify-content:space-between}.s-pop.s-pop-event .profile-box-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:.12rem;margin-top:.16rem}.s-pop.s-pop-event .profile-box-list li{width:.9rem;height:.9rem;border-radius:6px;border:1px solid #426d96;overflow:hidden;cursor:pointer;position:relative}.s-pop.s-pop-event .profile-box-list li img{width:100%;height:100%;object-fit:cover}.s-pop.s-pop-event .profile-box-list li.act{border:1px solid gold}.s-pop.s-pop-event .profile-box-list li.act::after{content:"";position:absolute;top:0;left:0;width:calc(100% - 5px);height:calc(100% - 5px);border:3px solid gold}.s-pop.s-pop-event .profile-box-img{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.s-pop.s-pop-event .profile-box-img .exhibition{display:flex;justify-content:center;padding-top:.2rem;box-sizing:border-box;--width: 1.8rem;width:var(--width)}@supports(aspect-ratio: 1){.s-pop.s-pop-event .profile-box-img .exhibition{aspect-ratio:180/222}}@supports not (aspect-ratio: 1){.s-pop.s-pop-event .profile-box-img .exhibition{width:var(--width);height:calc(var(--width)*222/180)}}.s-pop.s-pop-event .profile-box-img .exhibition{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/body-img.png") no-repeat center;background-size:contain}.s-pop.s-pop-event .profile-box-img .exhibition img{width:1.3rem;height:1.3rem;object-fit:cover;border-radius:6px;border:1px solid #426d96;overflow:hidden}.s-pop.s-pop-event .profile-box-img .btn{width:1.5rem;height:.5rem;font-size:clamp(16px,1.04vw,24px)}.s-pop.s-pop-event .statement-edit{width:100%}.s-pop.s-pop-event .statement-edit textarea{background:#212c43;border:1px solid #6a8296;border-radius:6px;width:100%;box-sizing:border-box;height:8.57em;padding:.42em .71em;color:#fff}.s-pop.s-pop-event .btn-list{margin-top:2.14em}.s-pop.s-pop-event .btn-list .btn{width:7.6em;height:2.55em}.s-pop.s-pop-award .activity-pop-title{color:gold}.s-pop.s-pop-award .award-list{display:flex;gap:1.42em 3.75em;flex-wrap:wrap;justify-content:center}.s-pop.s-pop-award .award-list li{display:flex;align-items:center;flex-direction:column;width:5em}.s-pop.s-pop-award .award-list li img{width:5em;height:5em}.s-pop.s-pop-details .activity-pop-title{line-height:2}.s-pop.s-pop-details .s-pop-body{min-width:22em;max-width:22em}.s-pop.s-pop-details .activity-main{margin-top:-3em}.s-pop.s-pop-details .ramking-details{font-size:clamp(14px,.83vw,20px);color:#95b5d0}.s-pop.s-pop-details .ramking-details-price{font-size:clamp(12px,.73vw,20px);background:#243d58;border:1px solid #446b94;border-radius:6px;padding:.5em;max-width:14.28em;margin:0 auto 1.42em}.s-pop.s-pop-details .ramking-details-box{display:flex;align-items:center;justify-content:center;margin-bottom:1.42em}.s-pop.s-pop-details .ramking-details-box img{width:5.71em;height:5.71em;object-fit:cover;border:1px solid #95b5d0;border-radius:6px;margin-right:.1rem}.s-pop.s-pop-details .ramking-details-box-info{display:flex;flex-direction:column;align-items:flex-start}.s-pop.s-pop-details .ramking-details-box-info p{display:flex;flex-direction:column;align-items:flex-start}.s-pop.s-pop-details .ramking-details-text{padding:.71em;text-align:left;background:#243d58;border:1px solid #446b94;border-radius:6px;min-height:6.6em}.s-pop.create-image-pop .s-pop-main{overflow:initial;border-radius:initial;background:initial;border:initial;padding:0}.s-pop.create-image-pop .s-pop-body{position:relative;padding:0;min-width:initial;max-width:initial;overflow:initial;max-height:initial}.s-pop.create-image-pop .s-pop-body .activity-main{max-height:initial;padding:0em 0em 0em 3.6em;overflow:initial}.s-pop.create-image-pop .s-pop-body .btn-list{margin-top:.1rem}.s-pop.create-image-pop .s-pop-body .btn-list .btn{color:#fff}.s-pop.create-image-pop .s-pop-close{display:none}.s-pop.create-image-pop .create-content{--width: 38em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop.create-image-pop .create-content{aspect-ratio:690/800}}@supports not (aspect-ratio: 1){.s-pop.create-image-pop .create-content{width:var(--width);height:calc(var(--width)*800/690)}}.s-pop.create-image-pop .create-content{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/share-bg.png") no-repeat center;background-size:contain;padding:9em 5em 0 5em;box-sizing:border-box}.s-pop.create-image-pop .create-content-content{text-align:left;box-sizing:border-box;color:#3b3b3b;font-size:clamp(14px,.94vw,22px)}.s-pop.create-image-pop .create-content-content h3{font-weight:bold;margin-bottom:.2em;font-size:clamp(18px,1.15vw,28px)}.s-pop.create-image-pop .create-content-content p{line-height:1.6;margin-bottom:1em}.s-pop.create-image-pop .create-content-content i{color:#ff3600;font-weight:bold}.s-pop.create-image-pop .create-image img{width:38em}.s-pop.s-pop-space-server .activity-main div{display:flex;align-items:center;flex:1}.s-pop.s-pop-space-server .activity-main div span{width:5em;text-align:justify;text-align-last:justify;margin-right:.71em}.s-pop.s-pop-space-server .activity-main div p{flex:1;padding:.3em;background:#3a3d41;border:1px solid #6a8296;border-radius:6px}.s-pop.s-pop-space-server .activity-main div:not(:last-child){margin-bottom:.1rem}.s-pop:not(.sub-task) .public-btn{margin:.2rem auto 0}.pop-common .s-pop-main{top:3em}.pop-common .s-pop-main .s-pop-close{top:-2.5em;right:1.4em}.pop-common .s-pop-body{position:relative;box-sizing:border-box;--width: 42.5em;width:var(--width);padding:4em 0 1.4em 0}.pop-common .s-pop-body::after,.pop-common .s-pop-body::before{content:"";display:block;width:var(--width);height:3.5em;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.pop-common .s-pop-body::after{background:url(https://pic.igamebuy.com/activity/events/mywar/20250908/pop-common-bg-b.webp) repeat center/100% 100%}.pop-common .s-pop-body::before{background:url(https://pic.igamebuy.com/activity/events/mywar/20250908/pop-common-bg-t.webp) repeat center/100% 100%}.pop-common .s-pop-body .activity-pop-title{position:absolute;left:50%;transform:translateX(-50%);top:-4.4em;--width: 18.375em;width:var(--width);background-position:center;background-repeat:no-repeat;background-size:contain}@supports(aspect-ratio: 1){.pop-common .s-pop-body .activity-pop-title{aspect-ratio:330/104}}@supports not (aspect-ratio: 1){.pop-common .s-pop-body .activity-pop-title{width:var(--width);height:calc(var(--width)*104/330)}}.pop-common .s-pop-body .activity-main{box-sizing:border-box;margin:-1.5em 0 -1em;width:var(--width);background:url(https://pic.igamebuy.com/activity/events/mywar/20250908/pop-common-bg-c.webp) repeat center/100% 100%}.pop-common .s-pop-body .activity-main.scroll-box{box-sizing:border-box;max-height:55vh;padding:0 1em 0 1.4em;margin:-0.5em 0 -1em;overflow:auto}@media(max-width: 900px){.wide{width:98%}.btn{font-size:clamp(12px,3.73vw,28px);border-radius:4px;width:5em;height:2em}.btn.gray{border:3px solid rgba(0,0,0,0)}.empty-hint{font-size:clamp(12px,3.73vw,28px)}.pagenum-blue{font-size:clamp(10px,3.2vw,24px)}.s-pop-event .activity-main{padding:1em;width:100%}.s-pop.s-pop-event .s-pop-body{min-width:100%;max-width:100%}.s-pop.s-pop-event .s-pop-close{top:inherit;right:0;left:0;margin:auto;bottom:-3em}.s-pop.s-pop-event .log-list li{padding:.1rem 0;grid-template-columns:1fr 12em}.s-pop.s-pop-event .log-list li p:first-child{text-align:left}.s-pop.s-pop-event .log-list li p:last-child{flex:1;text-align:right;margin-left:.2rem}.s-pop.s-pop-event .btn-list{margin-top:2em}.s-pop.s-pop-event .btn-list .btn{width:5em;height:2em}.s-pop.s-pop-award .activity-main{padding:.9em 0}.s-pop.s-pop-award .award-list{gap:.35em 0em}.s-pop.s-pop-award .award-list li img{width:3em;height:3em}.s-pop.s-pop-award .award-list li p{font-size:clamp(10px,3.2vw,24px)}.s-pop.s-pop-details .activity-main{margin-top:-2em;max-height:initial}.s-pop.create-image-pop.create-image-pop .s-pop-body .activity-main{padding:0em}.s-pop.create-image-pop.create-image-pop .s-pop-body .create-image-hint{margin-top:.2rem;font-size:clamp(10px,3.2vw,24px)}.s-pop.create-image-pop.create-image-pop .s-pop-body .btn-list{margin-top:.1rem}.s-pop.create-image-pop.create-image-pop .create-content{font-size:clamp(12px,3.73vw,28px);box-sizing:border-box;padding:5.2em 3em 0 3em;margin:auto;--width: 28em;max-width:98%}.s-pop.create-image-pop.create-image-pop .create-content-content{font-size:clamp(10px,3.2vw,24px)}.s-pop.create-image-pop.create-image-pop .create-content-content h3{font-size:clamp(12px,3.73vw,28px);margin-bottom:.3em}.s-pop.create-image-pop.create-image-pop .create-content-content p{line-height:1.3}.s-pop.create-image-pop.create-image-pop .create-image img{width:100%}}body{width:100%;height:100%;min-height:100vh;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/bg.jpg);background-repeat:repeat-y;background-position:top center;background-size:cover;background-color:#12182e;position:relative;font-family:"Noto Sans TC","Microsoft YaHei",sans-serif}.footer{margin-top:initial;bottom:-3rem;transition:all .6s ease}.footer.up{bottom:0}.wrap-body{overflow:hidden}.left-nav{display:flex;writing-mode:vertical-rl;text-orientation:mixed;gap:.06rem}.left-nav li{background:#95b5d0;border-radius:6px 0 0 6px;color:#18263f;font-size:clamp(14px,.83vw,20px);padding:0 .1rem;box-sizing:border-box;min-height:.9rem;text-align:center;cursor:pointer}.left-nav li.act{background:linear-gradient(to right, #25bbd8, #2266ef);color:#fff}.right-nav{display:flex;writing-mode:vertical-rl;text-orientation:mixed;gap:.06rem}.right-nav li{background:linear-gradient(to right, #25bbd8, #2266ef);border:1px solid #45628d;border-radius:0 6px 6px 0;font-size:clamp(14px,.83vw,20px);padding:.12rem .1rem;box-sizing:border-box;text-align:center;cursor:pointer}.evt-head{position:relative;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;align-content:center;--height: 13.1rem;height:var(--height)}@supports(aspect-ratio: 1){.evt-head{aspect-ratio:1920/1310}}@supports not (aspect-ratio: 1){.evt-head{width:var(--width);height:calc(var(--width)*1310/1920)}}.evt-head{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/KV.webp") no-repeat center;background-size:contain}.activity{position:relative;margin-top:-2rem;color:#fff}.binding{position:relative;text-align:center;font-size:clamp(16px,1.04vw,24px);margin-bottom:3em;display:flex;justify-content:center;align-items:center}.binding div{display:flex;align-items:center}.binding div.coupon{position:relative;margin-right:4em}.binding div.coupon::after{content:"";display:block;height:80%;width:2px;background:#fff;position:absolute;bottom:0;top:0;margin:auto;right:-2em}.binding i{color:#ffbf35;margin-right:1em}.binding .btn{width:5em;height:2em;font-size:clamp(14px,.83vw,20px)}.pic-words{position:absolute;bottom:3rem;left:0;right:0;margin:auto;--width: 6.13rem;width:var(--width)}@supports(aspect-ratio: 1){.pic-words{aspect-ratio:613/371}}@supports not (aspect-ratio: 1){.pic-words{width:var(--width);height:calc(var(--width)*371/613)}}.pic-words{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/slogen.png") no-repeat center;background-size:contain}.head-nav{display:flex;border-bottom:1px solid #6f83bb;font-size:clamp(16px,1.04vw,26px);font-weight:initial}.head-nav div{padding:.18rem .68rem;cursor:pointer}.head-nav div.act{font-weight:bold;position:relative}.head-nav div.act::after{content:"";display:block;width:100%;height:4px;background:linear-gradient(to right, #30d5fe, #5373ff);position:absolute;bottom:0;left:0}.list-box li{display:flex;padding:.1rem 0;border-bottom:1px solid #45628d;font-size:clamp(14px,.83vw,20px);background-size:100% 100%;background-repeat:no-repeat;background-position:center left}.list-box li:nth-child(2){background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/ranking1.png)}.list-box li:nth-child(3){background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/ranking2.png)}.list-box li:nth-child(4){background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/ranking3.png)}.list-box li img{width:.35rem;height:.35rem;object-fit:cover;border:1px solid #95b5d0;border-radius:6px;margin-right:.1rem}.list-box li p{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;position:relative;line-height:1.2}.list-box li:first-child p{color:#95b5d0;font-size:clamp(14px,.94vw,22px)}.list-box.family-ranking li:not(:first-child) p:last-child{color:#0cff00}.list-box.family-ranking li:not(:first-child) p:last-child.red{color:#ff3600}.list-box.family-ranking li:not(:first-child) p:nth-child(2){justify-content:flex-start;padding-left:.1rem;box-sizing:border-box}.list-box.family-ranking li p.rank1,.list-box.family-ranking li p.rank2,.list-box.family-ranking li p.rank3{font-size:0}.list-box.family-ranking li p.rank1::after,.list-box.family-ranking li p.rank2::after,.list-box.family-ranking li p.rank3::after{content:"";--width: .61rem;width:var(--width)}@supports(aspect-ratio: 1){.list-box.family-ranking li p.rank1::after,.list-box.family-ranking li p.rank2::after,.list-box.family-ranking li p.rank3::after{aspect-ratio:61/40}}@supports not (aspect-ratio: 1){.list-box.family-ranking li p.rank1::after,.list-box.family-ranking li p.rank2::after,.list-box.family-ranking li p.rank3::after{width:var(--width);height:calc(var(--width)*40/61)}}.list-box.family-ranking li p.rank1::after,.list-box.family-ranking li p.rank2::after,.list-box.family-ranking li p.rank3::after{position:absolute;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain}.list-box.family-ranking li p.rank1::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/rank1.png)}.list-box.family-ranking li p.rank2::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/rank2.png)}.list-box.family-ranking li p.rank3::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/rank3.png)}.list-box.family-ranking li p:first-child,.list-box.family-ranking li p:last-child{flex:0 0 1.6rem;width:1.6rem}.list-box.family-ranking li p:nth-child(2){flex:0 0 2.2rem;width:2.2rem}.list-box.my-ranking li:not(:first-child) p:nth-child(2){justify-content:flex-start;padding-left:.71em;box-sizing:border-box;display:grid;grid-gap:0rem .71em}.list-box.my-ranking li:not(:first-child) p:nth-child(2) img{grid-column:1;grid-row:1/span 2}.list-box.my-ranking li:not(:first-child) p:nth-child(2) span,.list-box.my-ranking li:not(:first-child) p:nth-child(2) i{grid-column:2}.list-box.my-ranking li:not(:first-child) p:nth-child(2) span{grid-row:1}.list-box.my-ranking li:not(:first-child) p:nth-child(2) i{grid-row:2;display:block;--width: 3.92em;width:var(--width)}@supports(aspect-ratio: 1){.list-box.my-ranking li:not(:first-child) p:nth-child(2) i{aspect-ratio:55/24}}@supports not (aspect-ratio: 1){.list-box.my-ranking li:not(:first-child) p:nth-child(2) i{width:var(--width);height:calc(var(--width)*24/55)}}.list-box.my-ranking li:not(:first-child) p:nth-child(2) i{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/type2.png") no-repeat center;background-size:contain}.list-box.my-ranking li:not(:first-child) p:nth-child(2) i.act{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/type1.png") no-repeat center;background-size:contain}.list-box.my-ranking li:not(:first-child) p:last-child button{font-size:clamp(14px,.83vw,20px);width:5em;height:1.87em}.list-box.my-ranking li:last-child{padding:initial;width:100%;--height: 4.28em;height:var(--height)}@supports(aspect-ratio: 1){.list-box.my-ranking li:last-child{aspect-ratio:580/70}}@supports not (aspect-ratio: 1){.list-box.my-ranking li:last-child{width:var(--width);height:calc(var(--width)*70/580)}}.list-box.my-ranking li:last-child{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-ranking.png") no-repeat center;background-size:100% 100%}.list-box.my-ranking li p.rank1,.list-box.my-ranking li p.rank2,.list-box.my-ranking li p.rank3{font-size:0}.list-box.my-ranking li p.rank1::after,.list-box.my-ranking li p.rank2::after,.list-box.my-ranking li p.rank3::after{content:"";--width: 3.78em;width:var(--width)}@supports(aspect-ratio: 1){.list-box.my-ranking li p.rank1::after,.list-box.my-ranking li p.rank2::after,.list-box.my-ranking li p.rank3::after{aspect-ratio:53/40}}@supports not (aspect-ratio: 1){.list-box.my-ranking li p.rank1::after,.list-box.my-ranking li p.rank2::after,.list-box.my-ranking li p.rank3::after{width:var(--width);height:calc(var(--width)*40/53)}}.list-box.my-ranking li p.rank1::after,.list-box.my-ranking li p.rank2::after,.list-box.my-ranking li p.rank3::after{position:absolute;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain}.list-box.my-ranking li p.rank1::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-rank1.png)}.list-box.my-ranking li p.rank2::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-rank2.png)}.list-box.my-ranking li p.rank3::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-rank3.png)}.list-box.my-ranking li p:nth-child(2){flex:0 0 17.14em;width:17.14rem}.list-box.my-ranking li img{width:3.57em;height:3.57em}.my-ranking-paging{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem}.my-ranking-paging .pagenum-blue{margin-top:initial}.my-ranking-paging-num{font-size:clamp(12px,.73vw,20px);color:#95b5d0}.my-ranking-paging-num span{color:#22ceef}.reg-item{font-size:clamp(14px,.94vw,22px);display:flex;align-items:center}.reg-item.reg-item-detail{align-items:flex-start}.reg-item:nth-child(1){grid-column:1/3;font-size:clamp(16px,1.04vw,24px);flex-direction:column;align-items:center}.reg-item:nth-child(1) .reg-item-head{overflow:hidden}.reg-item:nth-child(1) .reg-item-head img{width:100%;height:100%;object-fit:cover}.reg-item:nth-child(1) .reg-item-head span{color:#6a8296;font-size:.4rem}.reg-item:nth-child(1) .reg-item-title{text-align:center}.reg-item:nth-child(6),.reg-item:nth-child(7){grid-column:1/3}.reg-item-head{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem}.reg-item-title{width:1.1rem}.reg-item-input{flex:1;padding:.06rem .1rem}.reg-item-input input,.reg-item-input textarea{width:100%;color:#fff;background:initial;border:none;box-shadow:none;border-radius:0;box-sizing:border-box}.reg-item-input .reg-item-down{width:50%;cursor:pointer;position:relative}.reg-item-input .reg-item-down i{display:flex;align-items:center;width:100%;position:relative}.reg-item-input .reg-item-down i::after{content:"";position:absolute;right:0;margin:auto;display:block;background:none;border-left:.35em solid rgba(0,0,0,0);border-right:.35em solid rgba(0,0,0,0);border-top:.45em solid #fff}.reg-item-input .reg-item-down ul{width:100%;position:absolute;top:.3rem;line-height:.4rem;max-height:3.4rem;overflow-y:auto;background:#212c43;border:1px solid #6a8296;border-radius:6px;border-radius:0}.reg-item-input .reg-item-down ul li{padding:0 .1rem;font-size:clamp(12px,.73vw,20px)}.reg-item-input .reg-item-down ul li:hover{opacity:.8}.family-body{padding:.5rem 1.6rem 0;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:.2rem}.family-body .reg-item-head{background:#212c43;border:1px solid #6a8296;border-radius:6px}.family-body .reg-item-input{background:#212c43;border:1px solid #6a8296;border-radius:6px}.family-body .reg-item.disabled .reg-item-input{background:#3a3d41;border:1px solid #6a8296;border-radius:6px}.family-btn{margin-top:.2rem}.family.join .family-body .reg-item-head{background:#3a3d41;border:1px solid #6a8296;border-radius:6px}.family.join .family-body .reg-item-input{background:#3a3d41;border:1px solid #6a8296;border-radius:6px}.family.join .family-body .reg-item-input input{pointer-events:none;cursor:not-allowed}.family.join .family-body .reg-item-input textarea{pointer-events:none;cursor:not-allowed}.family.join .empty-hint{color:#81a0cd}.family.join .empty-hint .yellow{color:gold}.my-family{padding:.26rem .3rem 0;display:flex;justify-content:space-between;gap:.2rem}.my-family-l{background:#3e5a82;border-radius:6px;flex:1;overflow:hidden;padding-bottom:.3rem;overflow:initial}.my-family-l-head{display:flex;align-items:center;position:relative;padding:.1rem .2rem;box-sizing:border-box;width:100%;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-family-l-head.png) no-repeat center;background-size:100% 100%;border-radius:6px 6px 0 0}.my-family-l-head h3{font-size:clamp(18px,1.15vw,28px)}.my-family-l-head span{line-height:1.2;position:absolute;right:6px;top:-0.07rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(10px,.12rem,14px);color:#a5783f;--width: 1.7rem;width:var(--width)}@supports(aspect-ratio: 1){.my-family-l-head span{aspect-ratio:170/44}}@supports not (aspect-ratio: 1){.my-family-l-head span{width:var(--width);height:calc(var(--width)*44/170)}}.my-family-l-head span{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/head-span.png") no-repeat center;background-size:contain}.my-family-l-head span i{color:#ff3600;font-size:clamp(12px,.73vw,20px);font-weight:bold}.my-family-l-body{display:flex;align-items:flex-start;margin:0 .3rem;gap:.2rem}.my-family-l-body-img{--width: 1.8rem;width:var(--width)}@supports(aspect-ratio: 1){.my-family-l-body-img{aspect-ratio:180/222}}@supports not (aspect-ratio: 1){.my-family-l-body-img{width:var(--width);height:calc(var(--width)*222/180)}}.my-family-l-body-img{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/body-img.png") no-repeat center;background-size:contain}.my-family-l-body-img div{width:1.28rem;height:1.28rem;border:1px solid #95b5d0;border-radius:6px;margin:.2rem auto 0;overflow:hidden;position:relative}.my-family-l-body-img div img{width:100%;height:100%;object-fit:cover}.my-family-l-body-img div i{display:block;width:.3rem;height:.3rem;border-radius:6px;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/profile-alter.png) no-repeat center;background-size:contain;z-index:100;position:absolute;right:.06rem;top:.06rem;cursor:pointer}.my-family-l-body-info{font-size:clamp(14px,.83vw,20px);color:#81a0cd;margin-top:.2rem;box-sizing:border-box}.my-family-l-body-info :not(:first-child){margin-top:.05rem}.my-family-l-body-info p .explain{color:#22ceef}.my-family-l-body-info p .yellow{color:gold}.my-family-l-body-info p .orange-red{color:#ff3600}.my-family-l-body-info p .bold{display:block;font-weight:bold;font-size:clamp(18px,1.15vw,28px)}.my-family-l-btn{margin-top:.2rem}.my-family-r{background:#3e5a82;border-radius:6px;flex:1;overflow:hidden;padding:.2rem}.my-family-r p{display:flex;align-items:center;justify-content:space-between}.my-family-r p button{width:.8rem;height:.3rem;font-size:clamp(14px,.83vw,20px)}.my-family-r textarea{background:#212c43;border:1px solid #6a8296;border-radius:6px;width:100%;height:1rem;padding:.06rem .1rem;color:#fff;box-sizing:border-box;margin-top:.1rem}.my-family-r textarea:first-of-type{margin-bottom:.2rem}.my-family-r-tip{font-size:clamp(12px,.73vw,20px);color:#ff3600;text-align:center;margin-top:.1rem}.my-family .empty-hint{color:#81a0cd}.my-family .empty-hint .yellow{color:gold}.my-warehouse{color:#95b5d0}.my-warehouse-head{font-size:clamp(14px,.83vw,20px);display:flex;justify-content:space-between;align-items:center;padding:2.14em 2.14em 0;box-sizing:border-box}.my-warehouse-head .title-itm em{color:#ffbf35}.my-warehouse-head .search{display:flex;justify-content:space-between;background:#212c43;border:1px solid #6a8296;border-radius:6px;overflow:hidden}.my-warehouse-head .search input{flex:1 1 auto;padding:.28em .71em;background:initial;color:#95b5d0}.my-warehouse-head .search-but{background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/search.png) center center no-repeat #22ceef;height:2em;flex:0 0 4em;cursor:pointer}.my-warehouse-body{display:flex;flex-direction:column;gap:.1rem}.my-warehouse-body .prize-list{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(5, auto);gap:1.42em 1.14em;margin:2.14em 4.28em 0}.my-warehouse-body .prize-list li{position:relative;text-align:center;border-radius:6px}.my-warehouse-body .prize-list li div{margin:0 auto;width:5.71em;height:5.71em;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#212c43;border:1px solid #6a8296;border-radius:6px;border-width:2px}.my-warehouse-body .prize-list li div img{width:100% !important;height:auto !important;object-fit:scale-down}.my-warehouse-body .prize-list li div em{position:absolute;bottom:.02rem;right:.02rem}.my-warehouse-body .prize-list li span{color:#81a0cd;font-size:clamp(12px,.73vw,20px)}.my-warehouse-body .prize-list li.act div{border:2px solid #22ceef}.my-warehouse-body .prize-list li.act div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/select.png) center center no-repeat hsla(0,0%,100%,.2);background-size:auto}.my-warehouse-body .select-item{font-size:clamp(12px,.73vw,20px);display:flex;justify-content:space-between;padding:.3rem .3rem .2rem;border-bottom:1px solid #426d96}.my-warehouse-body .select-item .operate-select{display:flex;align-items:center}.my-warehouse-body .select-item .operate-select label{display:flex;align-items:center;margin-right:.2rem}.my-warehouse-body .select-item .operate-select label span{display:block;border:1px solid #95b5d0;border-radius:6px;width:.2rem;height:.2rem;margin-right:.1rem;position:relative;cursor:pointer}.my-warehouse-body .select-item .operate-select label span.act::after{content:"";position:absolute;left:.04rem;bottom:.04rem;--width: .21rem;width:var(--width)}@supports(aspect-ratio: 1){.my-warehouse-body .select-item .operate-select label span.act::after{aspect-ratio:21/17}}@supports not (aspect-ratio: 1){.my-warehouse-body .select-item .operate-select label span.act::after{width:var(--width);height:calc(var(--width)*17/21)}}.my-warehouse-body .select-item .operate-select label span.act::after{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/opt.png") no-repeat center;background-size:contain}.my-warehouse-body .select-item .operate-select .on-selected em{color:#ffbf35}.my-warehouse-body .btn{width:initial;height:initial;line-height:initial;padding:.4em;font-size:clamp(12px,.73vw,20px);font-weight:initial;border-radius:6px}.daily-task{font-size:clamp(12px,.73vw,20px);padding:1.85em 2.14em 0;display:flex;justify-content:space-between;gap:1.42em}.daily-task-l,.daily-task-r{background:#3e5a82;border-radius:6px;flex:1;overflow:hidden;padding-bottom:2.14em}.daily-task-l-head,.daily-task-r-head{display:flex;align-items:center;position:relative;padding:.71em 1.42em;box-sizing:border-box;width:100%;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-family-l-head.png) no-repeat center;background-size:100% 100%}.daily-task-l-head h3,.daily-task-r-head h3{font-size:clamp(18px,1.15vw,28px)}.daily-task-l-head h3 span,.daily-task-r-head h3 span{font-size:clamp(14px,.83vw,20px);color:gold}.daily-task-l ul,.daily-task-r ul{padding:1.42em 1.42em 0}.daily-task-l ul li,.daily-task-r ul li{display:flex;align-items:center;background:#212c43;border:1px solid #6a8296;border-radius:6px;border:none;padding:.71em}.daily-task-l ul li:not(:last-child),.daily-task-r ul li:not(:last-child){margin-bottom:.71em}.daily-task-l ul li div,.daily-task-r ul li div{flex:1 1 0;display:flex;flex-direction:column}.daily-task-l ul li span em,.daily-task-r ul li span em{color:#22ceef}.daily-task-l ul li i,.daily-task-r ul li i{font-size:clamp(10px,.12rem,14px);color:gold}.daily-task-l ul li button,.daily-task-r ul li button{font-size:clamp(10px,.12rem,14px);width:5em;height:2.14em;margin:auto}.daily-task-l ul li button:last-child,.daily-task-r ul li button:last-child{margin-left:.71em}.daily-task-r-head{background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/daily-task-r-head.png) no-repeat center;background-size:100% 100%}.family-shop-head{font-size:clamp(14px,.83vw,20px);display:flex;padding:.3rem .3rem 0;box-sizing:border-box}.family-shop-head em{color:#ffbf35}.family-shop-head em:not(:last-child){margin-right:.1rem}.family-shop-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(5, auto);gap:.2rem .16rem;margin:.3rem .3rem 0}.family-shop-list li{display:flex;align-items:center;background:#212c43;border:1px solid #6a8296;border-radius:6px;border:none;background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/family-shop.png") no-repeat center;background-size:contain;background-size:100% 100%;position:relative;padding:.06rem .1rem;box-sizing:border-box;gap:.2rem;font-size:clamp(12px,.73vw,20px)}.family-shop-list li .item-img{width:.7rem;height:.7rem;position:relative}.family-shop-list li .item-img img{width:100%;height:100%;object-fit:cover}.family-shop-list li .item-img em{position:absolute;bottom:0;right:0;color:#22ceef;padding:0 .04rem;border-radius:6px;font-size:clamp(10px,.12rem,14px)}.family-shop-list li .item-info{flex:1 0;display:flex;flex-direction:column;justify-content:space-between}.family-shop-list li .item-info h3{font-size:clamp(14px,.83vw,20px)}.family-shop-list li .item-info em{color:#fff}.family-shop-list li .item-info em.reach{color:#ff3600}.family-shop-list li .item-info p{color:#95b5d0}.family-shop-list li .item-info p:last-child em{color:#ffbf35}.family-shop-list li .btn{width:.56rem;height:.26rem;border-radius:100px;position:absolute;bottom:.1rem;right:.1rem;font-size:clamp(12px,.73vw,20px)}.act-treasure{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/treasure-bg.webp") no-repeat center;background-size:contain;height:7.5rem;position:relative}.act-treasure .my-point{font-size:clamp(14px,.83vw,20px);display:flex;padding:.3rem .3rem 0;box-sizing:border-box}.act-treasure .my-point span{color:#ffbf35}.act-treasure-award{display:flex;justify-content:center;width:100%;height:100%;position:relative}@keyframes float-updown{0%{transform:translateY(0)}50%{transform:translateY(-16px)}100%{transform:translateY(0)}}.act-treasure-award li{width:var(--width);position:absolute;animation:float-updown 2.8s ease-in-out infinite}.act-treasure-award li:nth-child(1){--width: 2.51rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(1){aspect-ratio:251/330}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(1){width:var(--width);height:calc(var(--width)*330/251)}}.act-treasure-award li:nth-child(1){background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/award1.png") no-repeat center;background-size:contain;left:.5rem;bottom:1.5rem;animation-delay:0s}.act-treasure-award li:nth-child(2){--width: 2.04rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(2){aspect-ratio:204/276}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(2){width:var(--width);height:calc(var(--width)*276/204)}}.act-treasure-award li:nth-child(2){background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/award2.png") no-repeat center;background-size:contain;left:2.8rem;bottom:3rem;animation-delay:.4s}.act-treasure-award li:nth-child(3){--width: 2.23rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(3){aspect-ratio:223/297}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(3){width:var(--width);height:calc(var(--width)*297/223)}}.act-treasure-award li:nth-child(3){background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/award3.png") no-repeat center;background-size:contain;right:2.7rem;bottom:2.8rem;animation-delay:.8s}.act-treasure-award li:nth-child(4){--width: 2.57rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(4){aspect-ratio:257/330}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(4){width:var(--width);height:calc(var(--width)*330/257)}}.act-treasure-award li:nth-child(4){background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/award4.png") no-repeat center;background-size:contain;right:.6rem;bottom:1.3rem;animation-delay:1.2s}.act-treasure-but{--width: 5.1rem;width:var(--width)}@supports(aspect-ratio: 1){.act-treasure-but{aspect-ratio:510/339}}@supports not (aspect-ratio: 1){.act-treasure-but{width:var(--width);height:calc(var(--width)*339/510)}}.act-treasure-but{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/treasure.png") no-repeat center;background-size:contain;position:absolute;left:0;right:0;bottom:.5rem;margin:auto}.act-treasure-operate{display:flex;justify-content:center;gap:.2rem;position:absolute;bottom:0;left:0;right:0;margin:auto}.act-treasure-operate button{display:block;color:#fff;font-size:clamp(16px,1.04vw,26px);cursor:pointer;--width: 11.9em;width:var(--width)}@supports(aspect-ratio: 1){.act-treasure-operate button{aspect-ratio:262/60}}@supports not (aspect-ratio: 1){.act-treasure-operate button{width:var(--width);height:calc(var(--width)*60/262)}}.act-treasure-operate button{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/operate.png") no-repeat center;background-size:contain}.act-treasure-operate button.free{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/operate2.png") no-repeat center;background-size:contain}.act-treasure-operate button.not{filter:grayscale(1);opacity:.8}.conceal{position:absolute;left:-1000rem;top:-1000rem}.s-pop{color:#fff}.table-container{position:relative;width:100%;overflow:auto;height:56.7em}.table-container table{border-collapse:collapse;width:100%;min-width:46.87em;font-weight:initial}.table-container thead th{top:0;color:#95b5d0;font-size:clamp(14px,.94vw,22px);padding:16px 12px;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.1);border-bottom:1px solid #45628d}.table-container tbody{font-size:clamp(14px,.83vw,20px)}.table-container tbody th{position:sticky;left:0;padding:1em .71em;border-bottom:1px solid #45628d;z-index:9;box-shadow:2px 0 5px rgba(0,0,0,.1);min-width:7.5em}.table-container tbody th.rank1,.table-container tbody th.rank2,.table-container tbody th.rank3{color:rgba(0,0,0,0)}.table-container tbody th.rank1::after,.table-container tbody th.rank2::after,.table-container tbody th.rank3::after{content:"";--width: 3.81em;width:var(--width)}@supports(aspect-ratio: 1){.table-container tbody th.rank1::after,.table-container tbody th.rank2::after,.table-container tbody th.rank3::after{aspect-ratio:61/40}}@supports not (aspect-ratio: 1){.table-container tbody th.rank1::after,.table-container tbody th.rank2::after,.table-container tbody th.rank3::after{width:var(--width);height:calc(var(--width)*40/61)}}.table-container tbody th.rank1::after,.table-container tbody th.rank2::after,.table-container tbody th.rank3::after{position:absolute;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain;left:0;right:0;top:0;bottom:0}.table-container tbody th.rank1::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/rank1.png)}.table-container tbody th.rank2::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/rank2.png)}.table-container tbody th.rank3::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/rank3.png)}.table-container tbody tr{cursor:pointer;border-bottom:1px solid #45628d;background-size:100% 100%;background-repeat:no-repeat;background-position:center left}.table-container tbody tr.ranking1{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/ranking1.png)}.table-container tbody tr.ranking2{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/ranking2.png)}.table-container tbody tr.ranking3{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/ranking3.png)}.table-container tbody tr.my-ranking-user{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-ranking.png);position:absolute;bottom:0;display:flex;width:100%}.table-container tbody tr img{width:2.5em;height:2.5em;object-fit:cover;border:1px solid #95b5d0;border-radius:6px;margin-right:.71em}.table-container tbody tr p{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;position:relative;line-height:1.2}.table-container tbody td:first-child{border-left:0}.table-container td{padding:.6em .35em;min-width:6.25em;max-width:12.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.table-container td:nth-child(2){min-width:9.37em;max-width:15.62em;display:flex;align-items:center}.table-container.my-ranking tbody th.rank1,.table-container.my-ranking tbody th.rank2,.table-container.my-ranking tbody th.rank3{color:rgba(0,0,0,0)}.table-container.my-ranking tbody th.rank1::after,.table-container.my-ranking tbody th.rank2::after,.table-container.my-ranking tbody th.rank3::after{content:"";--width: 3em;width:var(--width)}@supports(aspect-ratio: 1){.table-container.my-ranking tbody th.rank1::after,.table-container.my-ranking tbody th.rank2::after,.table-container.my-ranking tbody th.rank3::after{aspect-ratio:53/40}}@supports not (aspect-ratio: 1){.table-container.my-ranking tbody th.rank1::after,.table-container.my-ranking tbody th.rank2::after,.table-container.my-ranking tbody th.rank3::after{width:var(--width);height:calc(var(--width)*40/53)}}.table-container.my-ranking tbody th.rank1::after,.table-container.my-ranking tbody th.rank2::after,.table-container.my-ranking tbody th.rank3::after{position:absolute;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain}.table-container.my-ranking tbody th.rank1::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-rank1.png)}.table-container.my-ranking tbody th.rank2::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-rank2.png)}.table-container.my-ranking tbody th.rank3::after{background-image:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/my-rank3.png)}.table-container.my-ranking tbody tr img{width:2.5em;height:2.5em}.table-container.my-ranking td:nth-child(2){justify-content:flex-start;padding-left:.71em;box-sizing:border-box;display:grid;grid-gap:0em .71em}.table-container.my-ranking td:nth-child(2) img{grid-column:1;grid-row:1/span 2}.table-container.my-ranking td:nth-child(2) span,.table-container.my-ranking td:nth-child(2) i{grid-column:2}.table-container.my-ranking td:nth-child(2) span{grid-row:1}.table-container.my-ranking td:nth-child(2) i{grid-row:2;display:block;--width: 2.8em;width:var(--width)}@supports(aspect-ratio: 1){.table-container.my-ranking td:nth-child(2) i{aspect-ratio:55/24}}@supports not (aspect-ratio: 1){.table-container.my-ranking td:nth-child(2) i{width:var(--width);height:calc(var(--width)*24/55)}}.table-container.my-ranking td:nth-child(2) i{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/type2.png") no-repeat center;background-size:contain}.table-container.my-ranking td:nth-child(2) i.act{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/type1.png") no-repeat center;background-size:contain}.table-container.my-ranking td:last-child button{font-size:clamp(12px,.73vw,20px);width:5em;height:2.14em;margin:auto}@media(max-width: 900px){.left-nav{position:fixed;bottom:0;z-index:100;flex-direction:row;width:100%;overflow:scroll;writing-mode:inherit}.left-nav li{min-height:initial;width:2rem;border-radius:0;flex-shrink:0;padding:.1rem;border-radius:6px 6px 0 0;font-size:clamp(12px,3.73vw,28px)}.left-nav li.act{color:#fff;background:url(https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/left-nav-m.png) no-repeat center;background-size:100% 100%}.right-nav{position:fixed;bottom:1rem;right:.2rem;z-index:100;writing-mode:initial;flex-direction:column}.right-nav li{font-size:clamp(12px,3.73vw,28px);width:.5rem;border-radius:4px}.evt-head{--height: 14.84rem;height:var(--height)}@supports(aspect-ratio: 1){.evt-head{aspect-ratio:750/1484}}@supports not (aspect-ratio: 1){.evt-head{width:var(--width);height:calc(var(--width)*1484/750)}}.evt-head{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/KV-m.png") no-repeat center;background-size:contain}.binding{font-size:clamp(12px,3.73vw,28px);align-items:flex-start;flex-direction:column;width:96%;margin:0 auto 3em;background:rgba(26,42,68,.5803921569);border-radius:6px;padding:1em;box-sizing:border-box}.binding div{justify-content:space-between;width:100%}.binding div.coupon{margin-bottom:1em}.binding div.coupon::after{display:none}.binding .btn{width:4em}.footer{bottom:auto;margin-top:1rem}.head-nav{justify-content:space-around;font-size:clamp(14px,4.27vw,32px)}.head-nav div{padding:.2rem .1rem}.my-ranking-paging-num{font-size:clamp(12px,3.73vw,28px)}.reg-item{font-size:clamp(12px,3.73vw,28px)}.reg-item:not(:first-child){margin-top:.2rem}.reg-item:nth-child(1){font-size:clamp(12px,3.73vw,28px)}.reg-item-title{width:1.6rem}.family-body{padding:.3rem .3rem 0;display:block}.my-family{flex-direction:column}.my-family-l-head h3{font-size:clamp(14px,4.27vw,32px)}.my-family-l-head span{font-size:clamp(10px,3.2vw,24px);--width: 8.91em;width:var(--width)}@supports(aspect-ratio: 1){.my-family-l-head span{aspect-ratio:190/55}}@supports not (aspect-ratio: 1){.my-family-l-head span{width:var(--width);height:calc(var(--width)*55/190)}}.my-family-l-head span{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/head-span-m.png") no-repeat center;background-size:100% 100%}.my-family-l-head span i{font-size:clamp(12px,3.73vw,28px)}.my-family-l-body-info{font-size:clamp(12px,3.73vw,28px)}.my-family-l-body-info p .bold{font-size:clamp(12px,3.73vw,28px)}.my-family-r{font-size:clamp(12px,3.73vw,28px)}.my-family-r p button{width:1.2rem;height:.5rem;font-size:clamp(12px,3.73vw,28px)}.my-family-r textarea{height:1.5rem}.my-warehouse-head{font-size:clamp(12px,3.73vw,28px);flex-direction:column}.my-warehouse-head .title-itm{margin-bottom:1.42em}.my-warehouse-head .search{order:-1;margin-bottom:.36em}.my-warehouse-head .search-but{height:initial}.my-warehouse-body .prize-list{grid-template-columns:repeat(4, 1fr);margin:1.42em 1.42em 0}.my-warehouse-body .prize-list li div{width:5em;height:5em}.my-warehouse-body .prize-list li span{font-size:clamp(10px,3.2vw,24px)}.my-warehouse-body .btn{padding:.2em .4em}.daily-task{flex-direction:column;padding:1.42em 1.42em 0}.daily-task-l h3,.daily-task-r h3{font-size:clamp(14px,4.27vw,32px)}.daily-task-l h3 span,.daily-task-r h3 span{font-size:clamp(10px,3.2vw,24px)}.daily-task ul{font-size:clamp(12px,3.73vw,28px);padding:.71em .71em 0}.daily-task ul li{padding:.4em}.daily-task ul li span{font-size:clamp(10px,3.2vw,24px)}.daily-task ul li i{font-size:clamp(10px,3.2vw,24px)}.daily-task ul li button{font-size:clamp(10px,3.2vw,24px);width:4.2em;height:2.08em}.family-shop-head{font-size:12px;padding:.2rem .2rem 0}.family-shop-list{grid-template-columns:repeat(1, 1fr);padding:0}.family-shop-list li{font-size:12px;background:#3e5a82;padding:.1rem .2rem;gap:.3rem}.family-shop-list li .item-img{width:1rem;height:1rem}.family-shop-list li .item-info h3{font-size:12px}.family-shop-list li .btn{width:1.2rem;height:.5rem;right:.2rem}.act-treasure{background:url("https://ompic.neteaselab.com/respic/images/mlbb/family-hall/images/treasure-bg-m.webp") no-repeat center 3em;background-size:contain;height:9rem}.act-treasure-award li:nth-child(1){--width: 2.09rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(1){aspect-ratio:209/271}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(1){width:var(--width);height:calc(var(--width)*271/209)}}.act-treasure-award li:nth-child(1){left:0rem;bottom:3rem}.act-treasure-award li:nth-child(2){--width: 1.57rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(2){aspect-ratio:157/209}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(2){width:var(--width);height:calc(var(--width)*209/157)}}.act-treasure-award li:nth-child(2){left:2rem;bottom:4.3rem}.act-treasure-award li:nth-child(3){--width: 1.7rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(3){aspect-ratio:170/223}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(3){width:var(--width);height:calc(var(--width)*223/170)}}.act-treasure-award li:nth-child(3){right:1.7rem;bottom:4.4rem}.act-treasure-award li:nth-child(4){--width: 2.12rem}@supports(aspect-ratio: 1){.act-treasure-award li:nth-child(4){aspect-ratio:212/272}}@supports not (aspect-ratio: 1){.act-treasure-award li:nth-child(4){width:var(--width);height:calc(var(--width)*272/212)}}.act-treasure-award li:nth-child(4){right:0rem;bottom:3rem}.act-treasure-but{bottom:5.35em}.act-treasure-operate button{margin:auto}.table-container thead th{font-size:clamp(12px,3.73vw,28px);background:#1a2a44}.table-container thead th:first-child{position:sticky;left:0;z-index:12;min-width:1.2rem}.table-container tbody{font-size:clamp(12px,3.73vw,28px)}.table-container tbody th{min-width:4.5em;background:#1a2a44}.table-container tbody th.rank1::after,.table-container tbody th.rank2::after,.table-container tbody th.rank3::after{--width: 2.81em}.table-container tbody tr img{width:2em;height:2em}.table-container tbody tr span{font-size:clamp(10px,3.2vw,24px)}.table-container td{min-width:2rem;max-width:3rem}.table-container td:nth-child(2){min-width:2.5rem;max-width:4.5rem;display:flex;align-items:center}.table-container.my-ranking tbody th.rank1::after,.table-container.my-ranking tbody th.rank2::after,.table-container.my-ranking tbody th.rank3::after{--width: 2.5em}.table-container.my-ranking tbody tr img{width:2.5em;height:2.5em;margin-right:0em}}