.barrage{position: fixed;top:30px;transform:translateX(500px);display: inline-block;width: 500px;z-index: 99999;transition: transform 20s;}
.barrage_box{background-color: rgba(51,51,51,0.95);padding-right: 16px; height: 30px;display: inline-block;border-radius: 25px;transition: all .3s;}
.barrage_box .portrait{width: 30px;height: 30px;position: relative;}
.barrage_box .portrait img{width: 100%;height: 100%;margin-top: 0px; position: absolute;left: 0;top: 0;border-radius: 50%;}
.barrage_box div.p a{margin-right: 2px;display: block; font-size: 12px;color: rgba(255,255,255,0.70);line-height: 30px;margin-left: 6px; }
.barrage_box div.p a:hover{text-decoration: none;}
.barrage_box div.p a:visited{text-decoration: none;}
.barrage_box div.p a img{margin: 0;display: block;}
.barrage_box div.p.z{height: 30px;}
.barrage_box .close{visibility: hidden;opacity: 0; text-align: center; border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(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 .z {float: left !important;}
.barrage  a{text-decoration:none;}