.barrage{position: fixed;bottom:70px;right:-800px;display: inline-block;width: auto;min-width: 200px;z-index:99;overflow: hidden;}
.barrage_box{background-color: rgba(0,0,0,.5);padding-right: 15px; height: 60px;display: inline-flex;align-items: center;border-radius: 25px;transition: all .3s;white-space: nowrap;}

/* 彩色半透明背景样式 - 应用到整个弹幕框 */
.barrage_box.color-1 { background-color: rgba(255, 0, 0, 0.708); } /* 红色 */
.barrage_box.color-2 { background-color: rgba(241, 163, 18, 0.789); } /* 橙色 */
.barrage_box.color-3 { background-color: rgba(210, 210, 0, 0.837); } /* 黄色 */
.barrage_box.color-4 { background-color: rgba(54, 168, 54, 0.6); } /* 绿色 */
.barrage_box.color-5 { background-color: rgba(17, 159, 159, 0.6); } /* 青色 */
.barrage_box.color-6 { background-color: rgba(0, 0, 122, 0.6); } /* 蓝色 */
.barrage_box.color-7 { background-color: rgba(186, 3, 186, 0.6); } /* 紫色 */
.barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 52px;height: 52px;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.barrage_box .portrait img{width: 100%;height: 100%;}
.barrage_box div.p{ display: inline-block; vertical-align: middle; }
.barrage_box div.p a{ margin-right: 2px; font-size: 4.5em; font-weight: bold; color: #fff;line-height: 60px;margin-left: 18px; display: inline-block;white-space: nowrap;}
.barrage_box div.p img{height:40px;}
.barrage_box div.p a:hover{text-decoration: underline;}
.barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:20px; 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;}