/*
用户等级和主播等级
*/
/* 用户等级 */
.lwrap{width: 0.6967rem; height: 0.3rem; overflow: hidden; display: inline-block; vertical-align:middle; margin: 0 0.08rem}
.level {
    width: 1.3733rem;
    height: 0.6rem;
    font-size: 0.4267rem;
    line-height: 0.6rem;
    padding-left: 0.45rem;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
}
.level.level-0{
    background-image: url("/app/static/images/blank_level/0-9.png");}
.level.level-1{
    background-image: url("/app/static/images/blank_level/10-19.png");}
.level.level-2{
    background-image: url("/app/static/images/blank_level/20-29.png");}
.level.level-3{
    background-image: url("/app/static/images/blank_level/30-39.png");}
.level.level-4{
    background-image: url("/app/static/images/blank_level/40-49.png");}
.level.level-5{
    background-image: url("/app/static/images/blank_level/50-59.png");}
.level.level-6{
    background-image: url("/app/static/images/blank_level/60-69.png");}
.level.level-7{
    background-image: url("/app/static/images/blank_level/70-79.png");}
.level.level-8{
    background-image: url("/app/static/images/blank_level/80-89.png");}
.level.level-9{
    background-image: url("/app/static/images/blank_level/90-99.png");}
.level.level-10{
    background-image: url("/app/static/images/blank_level/100-109.png");}
.level.level-11{
    background-image: url("/app/static/images/blank_level/110-119.png");}
.level.level-12{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/120-129.png");}
.level.level-13{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/130-139.png");}
.level.level-14{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/140-149.png");}
.level.level-15{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/150-159.png");}
.level.level-16{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/160-169.png");
}
.level.level-17{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/170-179.png");
}
.level.level-18{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/180-189.png");
}
.level.level-19{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/190-199.png");
}
.level.level-20{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/200-209.png");
}
.level.level-21{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/210-219.png");
}
.level.level-22{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/220-229.png");
}
.level.level-23{
    color: #ffd900;
    background-image: url("/app/static/images/blank_level/230-239.png");
}
.level.level-24{
    color: #FF9416;
    background-image: url("/app/static/images/blank_level/240-249.png");
}
.level.level-25{
    color: #FF9416;
    background-image: url("/app/static/images/blank_level/250-259.png");
}
/* 主播等级 */
.alwrap{width: 1.0667rem; height: 0.32rem; overflow: hidden; display: inline-block; vertical-align: middle; margin: 0 0.08rem}
.anchor_level{
    width: 2.1334rem;
    height: 0.64rem;
    font-size: 0.4267rem;
    line-height: 0.64rem;
    padding-left: 0.64rem;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
}
.anchor_level.level-0{
    background-image: url("/app/static/images/anchorLevel/0-9level.png");
}
.anchor_level.level-1{
    background-image: url("/app/static/images/anchorLevel/10-19level.png");
}
.anchor_level.level-2{
    background-image: url("/app/static/images/anchorLevel/20-29level.png");
}
.anchor_level.level-3{
    background-image: url("/app/static/images/anchorLevel/30-39level.png");
}
.anchor_level.level-4{
    background-image: url("/app/static/images/anchorLevel/40-49level.png");
}
.anchor_level.level-5{
    background-image: url("/app/static/images/anchorLevel/51-60level.png");
}
.anchor_level.level-6{
    background-image: url("/app/static/images/anchorLevel/51-60level.png");
}
/* 直播icon */
/* <img src="//www.liveme.com/app/static/images/live.webp"> */
.live_icon{
    position: absolute; left: -0.13333333rem; bottom: 0.02666667rem; width: 0.42666667rem; height: 0.42666667rem; background:linear-gradient(0deg, #7F01FF 0%, #FA439B 100%); border-radius: 100%; z-index: 1;
}
.live_icon img{display: block!important; width: 0.34666667rem!important; height: 0.26666667rem!important; position: absolute!important; left: 50%!important; top: 50%!important; margin: -0.13333333rem 0 0 -0.17333333rem!important}

/* 主播等级 */
.vlwrap{width: 1.12rem; height: 0.6rem; overflow: hidden; display: inline-block; vertical-align: middle; margin: 0 0.08rem}
.vip_level{
    width: 2.24rem;
    height: 1.17333333rem;
    text-align: center;
    font-size: 0.48rem;
    line-height: 1.17333333rem;
    padding-left: 1.12rem;
    padding-right: 0.13333333rem;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
}
.vip_level.level-0{
    background-image: url("/app/static/images/vip/1-4vip.png");
}
.vip_level.level-1{
    background-image: url("/app/static/images/vip/5-9vip.png");
}
.vip_level.level-2{
    background-image: url("/app/static/images/vip/10-14vip.png");
}
.vip_level.level-3{
    background-image: url("/app/static/images/vip/15-19vip.png");
}
.vip_level.level-4{
    background-image: url("/app/static/images/vip/20-24vip.png");
}
.vip_level.level-5{
    background-image: url("/app/static/images/vip/25vip.png");
}
.vip_level.level-6{
    background-image: url("/app/static/images/vip/25vip.png");
}
.vip_level.level-7{
    background-image: url("/app/static/images/vip/25vip.png");
}
.vip_level.svip{
    background-image: url("/app/static/images/vip/svip.png");
}

/* 直播icon */
.liveing_icon{position: absolute; left: -.13333333rem; bottom: .02666667rem; width: .4rem; height: .4rem; line-height: .4rem; background:linear-gradient(315deg, #FFCE56 0%, #F87755 100%); box-shadow: 0 0 0 0.0222rem #fff;  border-radius: 100%; z-index: 1;}
.liveing_icon i{width: 1px; height: .18666667rem; bottom: .09333333rem; background: #fff; position: absolute; -webkit-animation: living .7s linear infinite; transform-origin: center bottom; animation: living .7s linear infinite; -webkit-animation: living .7s linear infinite; left: .12rem;}
.liveing_icon i:nth-child(2) {left: .18666667rem; -webkit-animation: living .7s .2s linear infinite; animation: living .7s .2s linear infinite;}
.liveing_icon i:nth-child(3) {left: .26666667rem; -webkit-animation: living .7s .4s linear infinite; animation: living .7s .4s linear infinite;}
@keyframes living {
    0% {transform: scaleY(1);}
    50% {transform: scaleY(0.5);}
    100% {transform: scaleY(1);}
}
/* 骨架屏 */
.skeleton{position: fixed; width: 100%; z-index: 999; left: 0; right: 0; top:0; bottom:0; background:#fff;}
.skeleton .sk_bg{background:#f8f8f8; border-radius: 0.1067rem; height: 0.48rem}
.skeleton .sk_wrap{ padding: 0.48rem 0.48rem 0}
/* 导航 */
.skeleton .sk_titlebar{height: 1.25333333rem; border-bottom: 0.02666667rem solid #E3E3E3; box-sizing: border-box; padding-top: 0.38rem; position:relative;}
.skeleton .sk_titlebar .sk_t1{width: 4rem; margin: 0 auto;}
.skeleton .sk_titlebar .sk_t2{height: 0.5rem; width: 0.5rem; border-radius: 100%; position: absolute; left: 0.48rem; top:50%; margin-top: -0.25rem}
/* 列表 */
.skeleton .sk_item{display: flex; display: -webkit-flex; position: relative; align-items: center; margin-bottom: 0.6rem}
.skeleton .sk_item .sk_avatar{width: 0.96rem; height: 0.96rem; border-radius:100%; margin-right: 0.2rem}
.skeleton .sk_item .sk_text .sk_h{width: 3.33rem; margin-bottom: 0.2rem}
.skeleton .sk_item .sk_text .sk_p{width: 5.33rem}
.skeleton .sk_item .sk_btn{width: 1.92rem; height: 0.8rem; position: absolute; right: 0; top:50%; margin-top: -0.4rem; border-radius: 0.4rem}
/* 榜单三甲 */
.skeleton .sk_top3{display: flex; display: -webkit-flex; justify-content:space-around; padding-top: 0.6rem;}
.skeleton .sk_top3 .sk_item{display: block;}
.skeleton .sk_top3 .sk_item .sk_avatar{height: 2.0267rem; width: 2.2rem; border-radius: 0; margin-bottom: 0.2rem; margin-right: 0;}
.skeleton .sk_top3 .sk_item .sk_text .sk_h{width: 2rem; margin: 0 auto 0.2rem}
.skeleton .sk_top3 .sk_item .sk_btn{position: static; margin: 0 auto;}
.skeleton .sk_top3 .sk_topmid{margin-top: -0.6rem}

/* 如果是白色的文字，替换城FFCE78，纯白显示不出动画效果
需要显示省略号的文字：.toptxt, .bottxt{max-width: 130/@px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} */
.unamelightanim .bottxt{font-weight: bold; color: #FFCE78;}
.unamelightanim .toptxt{position: absolute; top:0;font-weight: bold;}
.unamelightanim .toptxt{
        color: transparent;
        z-index: 1;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: url(/app/static/images/light/level/txtmask.png?v5);
        background-repeat: no-repeat;
        background-size: 5rem 100%;
        animation: masked-animation 2.5s infinite linear;
    }
.unamelightanim .light{width: 1.5rem; height: 1.5rem; background:url(/app/static/images/light/level/txtlight.png?v5) no-repeat center; background-size: cover; animation: masked-light 2.5s infinite linear; position: absolute; right: -0.75rem; top:-0.68rem; z-index: 2; opacity: 0.7}
@keyframes masked-animation {
    0% {
        background-position: -5rem center;
    }
    100% {
        background-position: 5rem center;
    }
}
@keyframes masked-light {
    0%, 60% {transform: rotate(0) scale(0);}
    61% {transform: rotate(0) scale(1);}
    80% {transform: rotate(270deg) scale(0);}
    100% {transform: rotate(270deg) scale(0);}
}
.unamelightanim{position: relative; display: inline-block;}
.high_level .bottxt{color: #FFDA00}
.high_level .toptxt{background-image: url(/app/static/images/light/high_level/txtmask.png);}
.high_level .light{background-image: url(/app/static/images/light/high_level/txtlight.png);}
.mid_level .bottxt{color: #DA6EFF}
.mid_level .toptxt{background-image: url(/app/static/images/light/mid_level/txtmask.png);}
.mid_level .light{background-image: url(/app/static/images/light/mid_level/txtlight.png);}
.lower_level .bottxt{color: #487EFF}
.lower_level .toptxt{background-image: url(/app/static/images/light/lower_level/txtmask.png);}
.lower_level .light{background-image: url(/app/static/images/light/lower_level/txtlight.png);}