@charset "UTF-8";.container{background-image:url(/assets/mine-DrToqIkA.png);background-position:top;background-size:100%;background-repeat:no-repeat;background-color:#111!important;min-height:100dvh;box-sizing:border-box;padding-bottom:calc(108px + env(safe-area-inset-bottom))}.top{height:51px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:0 15px}.top .lang{position:absolute;right:15px;top:15px;color:#fff;font-size:11px;display:flex;align-items:center;background:#000000b3;padding:6px 10px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;cursor:pointer;z-index:100}.top .lang .lang-icon{font-size:14px;margin-right:5px}.top .lang .lang-text{margin-right:5px;font-weight:400;font-size:13px;color:#fff;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top .lang .lang .dropdown-arrow{font-size:9px;transition:transform .2s ease,-webkit-transform .2s ease;color:#fffc}.top .lang .dropdown-arrow.rotate{transform:rotate(180deg)}.topBox{margin:0 18px}.topBox .topBox-top{display:flex;align-items:center}.topBox .topBox-top .topBox-head{height:70px;width:70px;border-radius:50%;background:#222;overflow:hidden;margin-right:18px}.topBox .topBox-top .topBox-head img{width:100%;height:100%;object-fit:cover}.topBox .topBox-top .topBox-det{display:flex;justify-content:center;flex-direction:column}.topBox .topBox-top .topBox-det .topBox-name{font-size:18px;font-family:PingFang SC;font-weight:700;color:#fff}.topBox .topBox-top .topBox-det .topBox-con{display:flex;flex-direction:column;justify-content:center}.topBox .topBox-top .topBox-det .topBox-con .topBox-vip{height:32px;background:#333;border-radius:16px;padding:0 8px;font-size:12px;font-family:PingFang SC;font-weight:500;color:#ffd800;display:flex;align-items:center;margin-right:10px;margin-top:10px}.topBox .topBox-top .topBox-det .topBox-con .topBox-vip .vip{width:28px;height:21px;margin-right:4px}.topBox .topBox-top .topBox-det .topBox-con .topBox-vip .hron{width:33px;height:22px;margin-right:4px}.topBox .topBox-foot{height:90px;display:flex;align-items:center;justify-content:center;margin-top:26px}.topBox .topBox-foot .topBox-item{width:80%;border-radius:10px;overflow:hidden}.topBox .topBox-foot .topBox-item .topBox-item-top{height:30px;background:#333;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:PingFang SC;font-weight:500;color:#fff}.topBox .topBox-foot .topBox-item .topBox-item-foot{height:40px;background:#f90;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Euclid Circular A;font-weight:500;color:#ff0}.shortcut{display:flex;background-color:#222;border-radius:10px;margin:30px auto 0}.shortcut .page-box-btn{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;text-transform:capitalize}.colorLine{height:80px;background:url(/assets/mine7-BZ8jQkUn.png);background-repeat:no-repeat;background-size:100% 100%;font-size:15px;font-family:PingFang SC;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:end;margin:10px 15px 0;box-sizing:border-box;padding:10px 25px 0}.colorLine1{height:80px;background:url(/assets/mine8-BKaVDxMW.png);background-repeat:no-repeat;background-size:100% 100%;font-size:15px;font-family:PingFang SC;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:end;margin:10px 15px 0;box-sizing:border-box;padding:10px 25px 0}.menu{background:#222;border-radius:10px;margin:15px 16px 0;display:flex;flex-wrap:wrap;padding-top:15px}.menu .menu-list{width:33.3333333333%;height:100px;display:flex;flex-direction:column;align-items:center;font-size:11px;font-family:PingFang SC;font-weight:500;color:#fff;text-align:center}.menu .menu-list .menu-icon{width:40px;height:40px;margin-bottom:11px}.menu .menu-list .menu-icon-wrap{position:relative;margin-bottom:11px}.menu .menu-list .menu-icon-wrap .menu-icon{margin-bottom:0}.menu .menu-list .menu-icon-wrap .unread-badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#ee0a24;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;border:1px solid #222;box-shadow:0 1px 4px #0006}.out{height:50px;background:#5e3523;border-radius:5px;font-size:13px;font-family:PingFang SC;font-weight:700;color:#fff;margin:15px 52px 0;display:flex;align-items:center;justify-content:center}.boty{position:fixed;bottom:0;left:0;width:100%;height:84px;z-index:22;background:#5e3523}.boty .xiank{width:100%;height:54px;display:flex;justify-content:space-between}.boty .xiank .tgh{width:33.333%;height:54px;position:relative}.boty .xiank .tgh .tgh-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;flex-direction:column}.boty .xiank .tgh .tgh-box img{width:24px;height:24px;margin-top:6px}.boty .xiank .tgh .tgh-box .webc{font-size:10px;font-family:PingFang SC;font-weight:500;color:#c49783}.boty .xiank .tgh .tgh-box .active{font-size:10px;font-family:PingFang SC;font-weight:500;color:#fff}.boty .xiank .tgh .tgh-ball{width:64px;height:64px;background:linear-gradient(135deg,#f90,#de7300);border-radius:50%;position:absolute;bottom:0;z-index:1;left:calc(50% - 32px)}
