.top-bar{display:flex;align-items:center;justify-content:space-between;height:44px;width:100%;padding:0 10px;background-color:#fff}.top-bar .logo img{width:1.1rem}.top-bar .msg-icon{display:flex;align-items:center}.top-bar .msg-icon .download-icon{height:.2rem;width:.2rem;margin:.1rem}.top-bar .msg-icon .message{display:inline-block;height:.2rem;width:.2rem;margin:.1rem;position:relative}.top-bar .msg-icon .message .unread-tag{position:absolute;top:.04rem;right:.04rem;padding:0 .04rem;height:.16rem;background:#E95B5B;border:1px solid #ffffff;border-radius:.08rem;font-family:PingFangSC-Regular;font-size:.12rem;color:#fff;line-height:.14rem;text-align:center;transform:scale(.82) translate(100%) translateY(-100%)}.home-banner{width:calc(100% - 0.24rem);margin:.05rem auto;position:relative}.home-banner .banner-item{border-radius:.1rem;overflow:hidden;position:relative;width:100%;height:1.5rem}.home-banner .skeleton{width:100%;height:1.5rem}.home-banner .indicator{display:flex;align-items:center;justify-content:center;position:absolute;bottom:.08rem;left:50%;transform:translate(-50%);z-index:99}.home-banner .indicator li{margin:0 3px;width:5px;height:5px;border-radius:3px;background-color:#5a7ef8;opacity:.3;transform:translateZ(0);overflow:hidden}.home-banner .indicator li.active{background-color:#5a7ef830;opacity:1;width:16px;position:relative}.home-banner .indicator li.active:after{content:"";height:5px;width:16px;border-radius:3px;background-color:#5a7ef8;position:absolute;z-index:9;transform:translate(-100%);animation:indicatorChange 3s linear}@keyframes indicatorChange{0%{transform:translate(-100%)}to{transform:translate(0)}}.img-slot{overflow:hidden}.img-slot img{width:100%;height:100%}.img-slot .default-img{width:100%;height:100%;transform:translateY(-100%)}.notice-bar{padding:37px 12px 0;height:74px;background:url(/assets/wapjs/img_home_curve.86de1313.png) no-repeat center;background-size:100%;margin-top:-20px;display:flex;align-items:center;color:#4d5663}.notice-bar .left-icon{padding:0 .05rem}.notice-bar .notice-swipe{flex:1;height:40px;line-height:40px}.notice-bar .notice-swipe span{display:inline-block;width:100%}.user-broad{display:flex;justify-content:space-between;padding:.1rem .12rem}.user-broad .user-box .not-login{font-family:PingFangSC-Regular;font-size:.16rem;color:#303342;line-height:.24rem}.user-broad .user-box .user-name{font-family:PingFang-SC-Medium;font-size:.14rem;color:#000;line-height:.24rem;display:flex;align-items:center}.user-broad .user-box .user-name .vip-icon{display:inline-block;width:.54rem;height:.2rem;margin-left:.05rem}.user-broad .user-box .user-name .vip-icon img{width:.54rem}.user-broad .user-box .balance{font-family:PingFangSC-Semibold;font-size:.12rem;color:#000;letter-spacing:0;margin-top:.02rem;font-weight:600}.user-broad .user-box .balance .value{font-size:.22rem;font-family:DINAlternate-Bold}.user-broad .user-box .balance .tips{opacity:.5;font-weight:400}.user-broad .actions{display:flex;align-items:center;width:60%}.user-broad .actions .action-item{flex:1;text-align:center;line-height:30px;font-family:PingFangSC-Regular;font-size:12px;color:#000}.game-tab{display:grid;grid-template-columns:48px 1fr;padding:.05rem .12rem;gap:14px;padding-bottom:75px}.game-tab .game-left li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:52px;font-family:PingFangSC-Medium;font-size:12px;color:#4d566370;margin-bottom:12px;box-shadow:0 0 4px #dbe7feb3;border-radius:8px}.game-tab .game-left li.active{background:url(/assets/wapjs/img_home_leftnav_sel_bg.b976c7d3.svg) no-repeat center;color:#fff}.game-tab .game-left li.active .game-icon.sport{background:url(/assets/wapjs/ico_home_leftnav_sports_white.136fa283.svg) no-repeat center}.game-tab .game-left li.active .game-icon.live{background:url(/assets/wapjs/ico_home_leftnav_live_white.c3cc6c71.svg) no-repeat center}.game-tab .game-left li.active .game-icon.boardGame{background:url(/assets/wapjs/ico_home_leftnav_poker_white.f4ac2631.svg) no-repeat center}.game-tab .game-left li.active .game-icon.lottery{background:url(/assets/wapjs/ico_home_leftnav_lottery_white.f4e2de8b.svg) no-repeat center}.game-tab .game-left li.active .game-icon.electronic{background:url(/assets/wapjs/ico_home_leftnav_electronic_white.596751c1.svg) no-repeat center}.game-tab .game-left li.active .game-icon.fishing{background:url(/assets/wapjs/ico_home_leftnav_fish_white.52e9bf65.svg) no-repeat center}.game-tab .game-left li .game-icon{width:20px;height:20px}.game-tab .game-left li .game-icon.sport{background:url(/assets/wapjs/ico_home_leftnav_sports_default.dd5b6cfe.svg) no-repeat center}.game-tab .game-left li .game-icon.live{background:url(/assets/wapjs/ico_home_leftnav_live_default.d44eb5a0.svg) no-repeat center}.game-tab .game-left li .game-icon.boardGame{background:url(/assets/wapjs/ico_home_leftnav_poker_default.0face34e.svg) no-repeat center}.game-tab .game-left li .game-icon.lottery{background:url(/assets/wapjs/ico_home_leftnav_lottery_default.b4ca710e.svg) no-repeat center}.game-tab .game-left li .game-icon.electronic{background:url(/assets/wapjs/ico_home_leftnav_electronic_default.7a78bbb8.svg) no-repeat center}.game-tab .game-left li .game-icon.fishing{background:url(/assets/wapjs/ico_home_leftnav_fish_default.3a122ec1.svg) no-repeat center}.game-tab .game-left li .game-name{margin-top:.05rem}.game-tab .game-right{height:5rem;overflow:scroll;position:relative}.game-tab .game-right .swiper{height:100%}.game-tab .game-right ul li{margin-bottom:12px;box-shadow:0 0 4px #dbe7feb3;border-radius:8px;position:relative;overflow:hidden;width:2.85rem}.game-tab .game-right ul li .game-maintain{position:absolute;right:0;top:0;width:42px;line-height:24px;font-size:12px;color:#fff;z-index:9}.game-tab .game-right ul li .game-maintain img{width:100%}.game-tab .game-right ul li>img{height:1.12rem;width:100%}