@charset "UTF-8";
/*
 * ------------------------------------------------------------------------------
 * 消息冒泡
 * 来源于GitHub
 * ------------------------------------------------------------------------------
 */


#dim_barrage {
    overflow: hidden;
    position:fixed;
    z-index:0;
    max-width:100%;
    right: 50px;
    bottom: 30px;
    z-index: 2;
}
.overflow-text {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	opacity:0;
	padding:3px 10px;
	border-radius:10px;
	box-sizing:border-box;
	max-width:100%;
	color:#fff!important;
	animation:colorchange 3s infinite alternate;
	-webkit-animation:colorchange 3s infinite alternate;
	/*Safari and Chrome*/
}
#dim_barrage li {
    /*display: flex;*/
    /*border-radius: 20px;*/
    /*color: #fff;*/
    /*padding: 5px 8px 5px 8px;*/
    /*clear: both;*/
    /*font-size: 13px;*/
    /*height: auto;*/
    /*float: right;*/
    /*line-height: 20px;*/
    display: flex;
    opacity: 0;
    border-radius: 20px;
    color: #fff;
    padding: 5px 10px 5px 10px;
    clear: both;
    font-size: 13px;
    height: 30px;
    float: right;
    line-height: 20px;
    z-index: 9999;
    
}
#dim_barrage li i{
    padding-left: 3px;    
    padding-right: 3px;
}
#dim_barrage .info_zianv2{
    text-decoration: underline;
    
    font-weight: 600;
    color: #fff;
}
#dim_barrage .info_zianv2:hover{
    color: #fff!important;
}
#dim_barrage .info_zianv{
    text-decoration: underline;
    width:100px;
         overflow:hidden;
     text-overflow:ellipsis;
     white-space: nowrap;
    font-weight: 600;
    color: #fff;
}
#dim_barrage .info_zianv:hover{
    color: #fff!important;
}
#dim_barrage .info_zianv_v{
    text-decoration: underline;
    font-weight: 600;
    color: #fff;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#dim_barrage li a:first-child {
    margin-right: 6px;
    width: 20px;
}
#dim_barrage li a:last-child,#dim_barrage li a:last-child font {
    color:#fff !important;
}
#dim_barrage li a:last-child n{
    text-decoration: underline;
    margin: 0 5px;
}
#dim_barrage li img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    vertical-align: inherit;
    margin-right: 6px;    
}
@keyframes colorchange {
	0% {
	color:red;
}
50% {
	color:green;
}
100% {
	color:#6993f9;
}
}
@media (max-width: 780px){
#dim_barrage{
    right: 0;
    bottom: 5px;
	display:none;
}    
}