*{padding:0;margin:0;box-sizing:border-box}body,html{width:100%;height:100%;font-size:16px;color:#232323;overflow-y:auto!important}body{padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:constant(safe-area-inset-bottom)!important;padding-bottom:env(safe-area-inset-bottom)!important}#app{width:100%;height:100%}.van-nav-bar--fixed{padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top)!important;z-index:10}li{list-style:none}input{border:none}a,button{outline:none;text-decoration:none}.van-nav-bar__left{padding:10px}.van-hairline--bottom:after{border:none}.van-nav-bar .van-icon{color:#333;font-size:22px}.van-nav-bar__title{font-size:18px}.icon-arrow-left{display:inline-block;vertical-align:middle;width:12px;height:12px;border-top:2px solid #333;border-left:2px solid #333;transform:rotate(-45deg)}.van-tabbar-item{font-size:18px;position:relative}.van-tabbar-item__text{position:relative;z-index:1;color:#a5a5a5}.van-tabbar-item--active .van-tabbar-item__text{color:#232323;font-weight:500}.van-tabbar-item--active:after{content:"";width:36px;height:10px;background:#ffea2b;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);border-radius:3px;z-index:0}.van-tab{font-size:18px;color:#a5a5a5}.van-tab .van-tab__text{position:relative;z-index:1}.van-tab--active{color:#232323}.van-tabs__line{width:36px;height:10px;background:#ffea2b;bottom:25px;z-index:0}.user-avatar{display:inline-block;width:40px;height:40px;border-radius:50%;text-align:center;position:relative;transform-style:preserve-3d}.user-avatar .avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.user-avatar .avatar-frame{position:absolute;top:-21%;left:-21%;width:140%;height:140%;-o-object-fit:contain;object-fit:contain}.user-avatar .icon-playing{display:flex;justify-content:center;align-items:center;position:absolute;width:18px;height:18px;bottom:-9px;left:50%;margin-left:-9px;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;background:linear-gradient(270deg,#bd8dff,#8787ff)}.user-avatar .icon-playing img{width:60%;height:60%;-o-object-fit:contain;object-fit:contain}.user-gender{height:14px;line-height:14px;display:inline-block;vertical-align:middle;padding:0 5px 0 20px;border:1px solid #ffb8ca;background:#97a4ff url(https://p.yoyohee.com/icon_male_new.png) no-repeat 5px/14px;border-radius:25px}.user-gender.female{border:1px solid #ffccd9;background-image:url(https://p.qumitech.com/icon_famale_new.png);background-color:#ff93af}.user-gender font{display:inline-block;transform:scale(.8);color:#fff}.user-level{display:inline-block;vertical-align:middle;width:30px;height:24px;line-height:24px;padding-left:25px;background-repeat:no-repeat;background-size:contain;background-position:0;position:relative;text-align:left}.user-level font{display:inline-block;transform:scale(.8);margin-left:-1px;color:#fff}.user-level.disabled{opacity:.6}.mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100}.fade-in-enter-active,.fade-in-leave-active{transition:all .3s ease-in-out}.fade-in-enter,.fade-in-leave-to{transform:scale(0);opacity:0}.fade-in-enter-to{transform:scale(1)}@media(device-height:736px)and (-webkit-min-device-pixel-ratio:2){.mint-header.is-fixed{padding-top:calc(constant(safe-area-inset-top) + 20px)!important;padding-top:calc(env(safe-area-inset-top) + 20px)!important;padding-bottom:15px!important}}