.barrage{position: fixed;bottom:70px;right:-500px;display: inline-block;z-index: 99999;}
.barrage_box{position: relative;background-color: rgba(0,0,0,.5);padding: 0px 38px 0px 50px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
.barrage_box .portrait{display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.barrage_box .portrait img{width: 100%;height: 100%;}
.barrage_box div.p a{font-size: 14px;color: #fff;line-height: 40px; white-space: nowrap;}
.barrage_box div.p a:hover{text-decoration: underline;}
.barrage_box .close{
	position: absolute;
    right: 10px;
    bottom: 8px;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    background-image: url(/assets/default/close.png);}
.barrage_box:hover .close{visibility:visible;opacity: 1;}
.barrage_box .close a{display:block;}
.barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
.barrage  a{text-decoration:none;}

.barrage-horn-icon {
	position: absolute;
    left: 15px;
    bottom: 8px;
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url(/assets/default/barrage_horn_icon.png);
    background-repeat: no-repeat;
    background-size: 21px 21px;
    background-position: 0px 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}