/* 主播等级 */
.ICON-anchor-level {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	height: 20px;
	vertical-align: middle;
	background-repeat:no-repeat;
	background-size:30px 15px;
}

.ICON-al-0,.ICON-al-37 {
	overflow: hidden;
	width: 0;
}


@keyframes levellight {
	0% {
		left: 0;
		opacity: 1;
	}
	80% {
		left: 120%;
		opacity: 1;
	}
	100% {
		left: 140%;
		opacity: 0;
	}
}
.ICON-al-1 {
	background-image: url('../images/imlevel/1.png?_t=1577704491676');
}

.ICON-al-2 {
	background-image: url('../images/imlevel/2.png?_t=1577704491676');
}

.ICON-al-3 {
	background-image: url('../images/imlevel/3.png?_t=1577704491676');
}

.ICON-al-4 {
	background-image: url('../images/imlevel/4.png?_t=1577704491676');
}

.ICON-al-5 {
	background-image: url('../images/imlevel/5.png?_t=1577704491676');
}

.ICON-al-6 {
	background-image: url('../images/imlevel/6.png?_t=1577704491676');
}

.ICON-al-7 {
	background-image: url('../images/imlevel/7.png?_t=1577704491676');
}

.ICON-al-8 {
	background-image: url('../images/imlevel/8.png?_t=1577704491676');
}

.ICON-al-9 {
	background-image: url('../images/imlevel/9.png?_t=1610780111344');
}

.ICON-al-10 {
	background-image: url('../images/imlevel/10.png?_t=1587704491675');
}

.ICON-al-11 {
	background-image: url('../images/imlevel/11.png?_t=33120211012');
}

.ICON-al-12 {
	background-image: url('../images/imlevel/12.png?_t=1577704491676');
}

.ICON-al-13 {
	background-image: url('../images/imlevel/13.png?_t=1577704491676');
}

.ICON-al-14 {
	background-image: url('../images/imlevel/14.png?_t=1577704491676');
}

.ICON-al-15 {
	background-image: url('../images/imlevel/15.png?_t=1577704491676');
}

.ICON-al-16 {
	background-image: url('../images/imlevel/16.png?_t=1577704491676');
}

.ICON-al-17 {
	background-image: url('../images/imlevel/17.png?_t=1577704491676');
	overflow: hidden;
	position: relative;
}

.ICON-al-18 {
	background-image: url('../images/imlevel/18.png?_t=1577704491676');
	overflow: hidden;
	position: relative;
}

.ICON-al-19 {
	background-image: url('../images/imlevel/19.png?_t=1577704491676');
	overflow: hidden;
	position: relative;
}

.ICON-al-20 {
	background-image: url('../images/imlevel/20.png?_t=1577704491676');
	overflow: hidden;
	position: relative;
}

.ICON-al-21 {
	background-position: -62px -800px;
}

.ICON-al-22 {
	background-position: -62px -840px;
}

.ICON-al-23 {
	background-position: -62px -880px;
}

.ICON-al-24 {
	background-position: -62px -920px;
}

.ICON-al-25 {
	background-position: -62px -960px;
}

.ICON-al-26 {
	background-position: -62px -1000px;
}

.ICON-al-27 {
	background-position: -62px -1040px;
}

.ICON-al-28 {
	background-position: -62px -1080px;
}

.ICON-al-29 {
	background-position: -62px -1120px;
}

.ICON-al-30 {
	background-position: -62px -1160px;
}

.ICON-al-31 {
	background-position: -62px -1200px;
}

.ICON-al-32 {
	background-position: -62px -1240px;
}

.ICON-al-33 {
	background-position: -62px -1280px;
}

.ICON-al-34 {
	background-position: -62px -1320px;
}

.ICON-al-35 {
	background-position: -62px -1360px;
}

.ICON-al-36 {
	background-position: -62px -1400px;
}

/*  */
.ICON-medal {
	display: inline-block;
	margin-right: 3px;
	height: 22px;
	vertical-align: middle;
}

.ICON-medal img.medal-img {
	margin: 0;
	width: auto;
	height: 15px;
	vertical-align: top;
}
.ICON-medal.vip{
	height: 35px;
}
.ICON-medal.vip img.medal-img {
	height: 35px;
}
.ICON-flag{
	height: 17px;
}
.ICON-flag img.flag-img{
	height: 17px;
}


/* 用户等级 */
.ICON-noble-level {
	display: inline-block;
	width: 22px;
	height: 24px;
	vertical-align: -8px;
	background-repeat:no-repeat;
	background-position: center center;
	margin-left: -2px;
}

.ICON-nl-0,.ICON-nl-71 {
	overflow: hidden;
	width: 0;
}

.ICON-nl-1 {
	background-image: url('../images/imlevel/1.png?_t=1577704491678');    
	background-size: 44px 22px;
}

.ICON-nl-2 {
	background-image: url('../images/imlevel/2.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-3 {
	background-image: url('../images/imlevel/3.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-4 {
	background-image: url('../images/imlevel/4.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-5 {
	background-image: url('../images/imlevel/5.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-6 {
	background-image: url('../images/imlevel/6.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-7 {
	background-image: url('../images/imlevel/7.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-8 {
	background-image: url('../images/imlevel/8.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-9 {
	background-image: url('../images/imlevel/9.png?_t=1610780111344');
	background-size: 44px 22px;
}

.ICON-nl-10 {
	background-image: url('../images/imlevel/10.png?_t=1587704491675');
	background-size: 44px 22px;
}

.ICON-nl-11 {
	background-image: url('../images/imlevel/11.png?_t=33120211012');
	background-size: 44px 22px;
}

.ICON-nl-12 {
	background-image: url('../images/imlevel/12.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-13 {
	background-image: url('../images/imlevel/13.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-14 {
	background-image: url('../images/imlevel/14.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-15 {
	background-image: url('../images/imlevel/15.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-16 {
	background-image: url('../images/imlevel/16.png?_t=1577704491678');
	background-size: 44px 22px;
}

.ICON-nl-17 {
	background-image: url('../images/imlevel/17.gif?_t=1577704491678');
	background-size:auto 20px;
	position: relative;
	overflow: hidden;
}

.ICON-nl-18 {
	background-image: url('../images/imlevel/18.gif?_t=1577704491678');
	background-size:auto 20px;
	position: relative;
	overflow: hidden;
}

.ICON-nl-19 {
	background-image: url('../images/imlevel/19.gif?_t=1577704491678');
	background-size:auto 20px;
	position: relative;
	overflow: hidden;
}

.ICON-nl-20 {
	background-image: url('../images/imlevel/20.gif?_t=1577704491678');
	background-size:auto 20px;
	position: relative;
	overflow: hidden;
}
/* .ICON-nl-17::after,.ICON-nl-18::after,.ICON-nl-19::after,.ICON-nl-20::after{
	content: "";
    position: absolute;
    top: 0;
	right: 140%;
    height: 100%;
    width: 20px;
    background:  linear-gradient(to left, transparent, #ffffff, transparent) no-repeat 0 0;
    transform: skew(-30deg);
    animation: levellight 2s 2s infinite;
} */
.MR-chat ul li .user-name {
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: -7px;
}
@keyframes flowCss {
	0% {
		 background-position: 260% 0;
	 }
	 30% {
		 background-position: 130% 0;
	 }
	 100% {
		 background-position: 130% 0;
	 }
 }
 @-webkit-keyframes flowCss {
	0% {
		 background-position: 260% 0;
	 }
	 30% {
		 background-position: 130% 0;
	 }
	 100% {
		 background-position: 130% 0;
	 }
 }
.MR-chat ul li .user-name.level17{
	color:#00FFEB;
	background: linear-gradient(115deg, #00FFEB 0px, #00FFEB 46px, #fff 55px, #fff 56px, #00FFEB 64px, #00FFEB 100px);
	background-size: 200% 100%;
	background-position: 260% 0;
	-webkit-animation: flowCss 3s  infinite ;
	animation: flowCss 3s     infinite ;
}
.MR-chat ul li .user-name.level18{
	color:#7FFF00;
	background: linear-gradient(115deg, #7FFF00 0px, #7FFF00 46px, #fff 55px, #fff 56px, #7FFF00 64px, #7FFF00 100px);
	background-size: 200% 100%;
	background-position: 260% 0;
	-webkit-animation: flowCss 3s  infinite ;
	animation: flowCss 3s     infinite ;
}
.MR-chat ul li .user-name.level19{
	color:#FF5F00;
	background: linear-gradient(115deg, #FF5F00 0px, #FF5F00 46px, #fff 55px, #fff 56px, #FF5F00 64px, #FF5F00 100px);
	background-size: 200% 100%;
	background-position: 260% 0;
	-webkit-animation: flowCss 3s  infinite ;
	animation: flowCss 3s     infinite ;
}
.MR-chat ul li .user-name.level20{
	color:#FF00AA;
	background: linear-gradient(115deg, #FF00AA 0px, #FF00AA 46px, #fff 55px, #fff 56px, #FF00AA 64px, #FF00AA 100px);
	background-size: 200% 100%;
	background-position: 260% 0;
	-webkit-animation: flowCss 3s  infinite ;
	animation: flowCss 3s     infinite ;
}
.MR-chat ul li .user-name.level17 ,
.MR-chat ul li .user-name.level18 ,
.MR-chat ul li .user-name.level19 ,
.MR-chat ul li .user-name.level20 
{

	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	


}
.ICON-nl-22 {
	background-position: 0 -880px;
}

.ICON-nl-23 {
	background-position: 0 -920px;
}

.ICON-nl-24 {
	background-position: 0 -960px;
}

.ICON-nl-25 {
	background-position: 0 -1000px;
}

.ICON-nl-26 {
	background-position: 0 -1040px;
}

.ICON-nl-27 {
	background-position: 0 -1080px;
}

.ICON-nl-28 {
	background-position: 0 -1120px;
}

.ICON-nl-29 {
	background-position: 0 -1160px;
}

.ICON-nl-30 {
	background-position: 0 -1200px;
}

.ICON-nl-31 {
	background-position: 0 -1240px;
}

.ICON-nl-32 {
	background-position: 0 -1280px;
}

.ICON-nl-33 {
	background-position: 0 -1320px;
}

.ICON-nl-34 {
	background-position: 0 -1360px;
}

.ICON-nl-35 {
	background-position: 0 -1400px;
}

.ICON-nl-36 {
	background-position: 0 -1440px;
}

.ICON-nl-37 {
	background-position: 0 -1480px;
}

.ICON-nl-38 {
	background-position: 0 -1520px;
}

.ICON-nl-39 {
	background-position: 0 -1560px;
}

.ICON-nl-40 {
	background-position: 0 -1600px;
}

.ICON-nl-41 {
	background-position: 0 -1640px;
}

.ICON-nl-42 {
	background-position: 0 -1680px;
}

.ICON-nl-43 {
	background-position: 0 -1720px;
}

.ICON-nl-44 {
	background-position: 0 -1760px;
}

.ICON-nl-45 {
	background-position: 0 -1800px;
}

.ICON-nl-46 {
	background-position: 0 -1840px;
}

.ICON-nl-47 {
	background-position: 0 -1880px;
}

.ICON-nl-48 {
	background-position: 0 -1920px;
}

.ICON-nl-49 {
	background-position: 0 -1960px;
}

.ICON-nl-50 {
	background-position: 0 -2000px;
}

.ICON-nl-51 {
	background-position: 0 -2040px;
}

.ICON-nl-52 {
	background-position: 0 -2080px;
}

.ICON-nl-53 {
	background-position: 0 -2120px;
}

.ICON-nl-54 {
	background-position: 0 -2160px;
}

.ICON-nl-55 {
	background-position: 0 -2200px;
}

.ICON-nl-56 {
	background-position: 0 -2240px;
}

.ICON-nl-57 {
	background-position: 0 -2280px;
	width: 65px;
}

.ICON-nl-58 {
	background-position: 0 -2320px;
	width: 65px;
}

.ICON-nl-59 {
	background-position: 0 -2360px;
	width: 65px;
}

.ICON-nl-60 {
	background-position: 0 -2400px;
	width: 65px;
}

.ICON-nl-61 {
	background-position: 0 -2440px;
	width: 65px;
}

.ICON-nl-62 {
	background-position: 0 -2480px;
	width: 65px;
}

.ICON-nl-63 {
	background-position: 0 -2520px;
	width: 65px;
}

.ICON-nl-64 {
	background-position: 0 -2560px;
	width: 65px;
}

.ICON-nl-65 {
	background-position: 0 -2600px;
	width: 65px;
}

.ICON-nl-66 {
	background-position: 0 -2640px;
	width: 65px;
}

.ICON-nl-67 {
	background-position: 0 -2680px;
	width: 65px;
}

.ICON-nl-68 {
	background-position: 0 -2720px;
	width: 65px;
}

.ICON-nl-69 {
	background-position: 0 -2760px;
	width: 65px;
}

.ICON-nl-70 {
	background-position: 0 -2800px;
	width: 65px;
}

.ICON-nl-no {
	background: none;
	overflow: hidden;
	width: 0;
}