.barrage-option,.barrage-switch{display:inline-block;position:relative;width:40px;height:38px;box-sizing:border-box;cursor:pointer!important}
.barrage-option *,.barrage-switch *{box-sizing:border-box!important}
.barrage-option .barrage-icon,.barrage-switch .barrage-icon{position:relative;width:100%;height:100%;padding:7px;border:none;background-color:transparent;outline:0;cursor:pointer;vertical-align:middle;display:inline-block}
.barrage-option .barrage-icon .barrage-icon-content,.barrage-switch .barrage-icon .barrage-icon-content{display:inline-block;position:relative;width:100%;height:100%}
.barrage-switch.open .barrage-icon .barrage-icon-content{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAq1BMVEUAAAD/////////////////////////////////////////////////////////////NDT/////////////////////////////////1tb/////////////////3Nz/MzP/zMz/////////MzP/////////x8f/Y2P/////////sLD/rKz/MjL/MjL/oaH/NDT/nZ3/MDD/////NDT/8/P/zc3/mpr/jY3/Z2e4+VSIAAAAMnRSTlMAQMBwP4AQ8NDgoGQff1fywK0v2UuQiGA88ObEsp/78OrWuLB8cdzMyZyah3BgV0A8MCLDN3wAAAHLSURBVEjHzZTbdqowEIYnIQSCIEVQq9Weu8/HX/fh/Z9sB0IKSBfjvunqdyEzK/lgMpMlvT6L05ShxId+eoWSJpkDeOzSRwDVtHEHbFOfpFvgjqaZAUh8kgCYEcN9V0UF4J440hyIXRgD+VSXLmeqpgDQRHV1O9VElzRCr0pMUK70ydtLMJSDrywiRMl8YjyJ3dA/Tox8zkw0Rzxovt3PGMBT78bsiGWHK/Lk43mKrG7Let815wn586yAwIeFtIj6VEubGrvgCYDUv60TBGqk7Ztdtlmk+4IYC1oIkVhBKxkFSqJQjFATWsHAk5wnAFJGMDKGZIQIQCMQSYQkOEEDtktLK2SZgcz2nCBgmic8vCBbQYgYiQg4YQ2TZdnaCkrF2CtWCF0Z55ekwzCsB7e2TwNpf8W00J3DtdXBC0sp3eAs4hxBoiNghRDJQgjXVgtTklCVQTg4A3+XopQRdO8vN7Q3KXXh0m8Ys0VG/0WBmF7ky82h4fcROH6iZypgRS/w9eD4g4bP/U/gox4LF61w7YRNt6IlYFZzNUQfWuA4Us8oMEbcDIVr6lMVcX4qPLTCL5ffEsf3VvjrhG/E8vPhouH97Wbz7ge9Uf4BtM1iCmBP2wAAAAAASUVORK5CYII=) no-repeat center/24px auto}
.barrage-switch.close .barrage-icon .barrage-icon-content{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAvVBMVEUAAAD///////////////////////////////////////////+ZmZn////////////////////////////////////////////////////r6+v////////////////////////r6+uZmZn///////////////+ZmZn////f39/m5uaYmJj///+oqKjf39+YmJjd3d2ZmZn////R0dGZmZnQ0NCZmZn///////+ZmZn5+fm8vLzs7Ozf39+srKxrCNxqAAAAOHRSTlMAP3DAgL8Q8dCgZFfA8uHZILGskErfiGA8MO/mxJ99Lh/679a4cW8o9Ojn0MnIuLCmoJxwX1dQT92QEhcAAAHNSURBVEjHzZTXdqMwEIZnLCHADmBcEzt2nL69l3+95f0fayUkDtjkMMlNTr4LNEL6VEYCen7OjqsCBd61q+coqJcRgG1T3QKY9RvXwHpHgd0auKZ+hgBSCqQAhiRw06xiBuCGJHYZkPgwAbKLnq6nQ3ZMAFSRW13JVXRKHcyiQA/FwhyNXkCgOJjlIkacjnqOJ7Ud2ttJkI2EE82QHCTf9hcM4LZ1Y0oSKXFONVn3PFm7tCw3TXJukdXhGBjUYRlZ2O1qaqu5bagZAOMQciMwHMp+B66ZEZu2wF3BMHMKZcsovuMIJQuCQ1shR036OAFQKkauEihBiGFxApGCJpYE44ZWUytoPUekN5LAyKsSNbKggsCcIOWBJCwx11ovg7DhO0nQcKjHL8nY8d3BLW2ZQ9kn9wvNPnxaPbIwjSwx5uEmyoJCw0AUNNIzZp9Wi7Ak5p9z6CfsIQYQjwXBtH652t6ksQ+ndYcua2zpSUyQ0IN82AP7378qrr4172fAgh7gEyqsUfGjPQW+mK5w6YXLIJw0LSYC8sWIDzHw7INwRS1jgi4Mz58gvKU2s0ny6lhY+fJvED6SxFcv/AvCPYl8f7NavX5/UvH5nl4o/wEHs2yq60SPOgAAAABJRU5ErkJggg==) no-repeat center/24px auto}
.barrage-option{margin-left:5px}
.barrage-option.close{opacity:.8}
.barrage-option.close:hover .barrage-option-box{display:none}
.barrage-option:hover .barrage-option-box{display:block}
.barrage-option .barrage-icon .barrage-icon-content{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMAP3DAgBDRv6Av4DvwV7Ef8pAn9Oi4dNisiF9kY0oF5cZ8eVKYZiscC9slGupHMrepVpIAAAIESURBVEjHzZTblqIwEEUrJgQEBBS8gPe73T0z5///biqihlbG8DSr94NWrbBJqhJC/5/+c+pgik0zlZjSWwYAtjbdcrp0zYB1ek/SNVwz0BxAcE8CTubkYGxXseRwTC7SDNB1qIHsXZeihTDMAFyjBQeJuEYRveCVH3jDR+k9vX0KB9Nvs/RjxMHgzfYE/ECzHI1s4NjRDNpmR4Cfd56B3iPZICEnSeOUZTg+D++VaUsV2Ob0kD32ys6WJj4jTFVDTkMesALuh0ywYENGct94mLPYawriVfB4XwNI/vfjnvB5px2CQbEQ4k7QTQCkjBFKDekQYjBGMJ+nIuESPPNqOWRBqRC+ChwChyEZ8MApyJsghEYgei6hQqiUqroLql5G9yV5Sl0LrZQpWvKveC/YOuq2Mp2Eoc/wxvldBYkbnJ77hpMdfxF6CPpC1F0i+l3U6vAfghD7EMrW4MmxiBiVs8y0nqU4tcLk9iCLK3uJNa5cxScprcMhF3nWfLxPkz1/s3njniiwpXYOxSdFRZhzBYm2X98MmloZFVu6jMefu/zE3o7uLIGyVfiTz+niJ5cKfTqHPI2dAgevzUj0F1WZv+aKD2HauLt9YF0OxHc8XtOv0tysuxVFGa+oYczwimloWYzIsEo2T0tYznTeInzpZGRY8O3bjWNW27MVdSSaGOb0c/kLjc1R3cX7YCwAAAAASUVORK5CYII=) no-repeat center/24px auto}
.barrage-option .barrage-option-box{position:absolute;width:310px;height:auto;left:-220px;top:-206px;padding-bottom:12px;background:0 0;z-index:100;display:none}
.barrage-option .barrage-option-box .barrage-option-panel{position:relative;width:100%;height:auto;background:#000;padding:5px 10px;border-radius:8px;z-index:2}
.barrage-option .barrage-option-box .barrage-option-panel::before{content:"";position:absolute;right:65px;bottom:-5px;width:10px;height:10px;background:#000;transform:rotate(45deg);border-bottom-right-radius:2px;z-index:1}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item{position:relative;width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;font-size:12px;color:#fff;font-weight:500;line-height:18px;padding:15px 0;cursor:default}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item:last-child{padding:5px 0}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item label{position:relative;width:60px;height:18px;text-align:left}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .progress{position:relative;width:180px;height:18px;background:0 0;border-radius:2px;cursor:pointer}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .progress::before{content:"";position:absolute;top:8px;left:0;width:100%;height:2px;background:#4e5055;opacity:.7;z-index:1}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .progress .progress-bar{position:relative;top:8px;height:2px;background:#ff3456;z-index:2}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .progress .progress-button{position:absolute;left:80px;top:3px;width:12px;height:12px;background:#ff3456;border:2px solid #4e5055;border-radius:50%;z-index:3}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .progress .progress-button:hover{background:#ec4d67;box-shadow:0 0 10px #fff;transform:scale(1.2)}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .progress-value{position:relative;width:50px;height:18px;text-align:right}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step{position:relative;width:225px;height:auto;cursor:pointer}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button,.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-text{position:relative;width:100%;height:18px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button.quarter .area-button-item:nth-child(1) .area-button-current{display:block}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button.top-half .area-button-item:nth-child(2) .area-button-current{display:block}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button.bottom-half .area-button-item:nth-child(3) .area-button-current{display:block}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button.fullscreen .area-button-item:nth-child(4) .area-button-current{display:block}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button::before{content:"";position:absolute;left:0;top:8px;width:100%;height:2px;background:#4e5055;opacity:.7;border-radius:2px;z-index:1}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button .area-button-item{position:relative;width:4px;height:4px;background:#4e5055;border-radius:50%}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button .area-button-item:first-child{margin-left:-2px}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button .area-button-item:last-child{margin-right:-2px}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button .area-button-item .area-button-see{position:relative;width:100%;height:100%;background:#740f41;z-index:3;border-radius:50%}
.barrage-option .barrage-option-box .barrage-option-panel .barrage-option-item .area-step .area-button .area-button-item .area-button-current{position:absolute;left:-4px;top:-4px;width:12px;height:12px;background:#ff3456;border:2px solid #4e5055;border-radius:50%;z-index:2;display:none}
.barrage-switch-chat{display:none;position:relative;width:auto;height:16px;vertical-align:middle;margin-left:80px;background:#e0dfde;padding:0 12px;padding-left:22px;line-height:16px;font-size:12px;color:#666;border-radius:8px;cursor:pointer;box-sizing:border-box!important}
.barrage-switch-chat.open{color:#ff3456}
.barrage-switch-chat.open .barrage-switch-chat-dot{background:#ff3456}
.barrage-switch-chat *{box-sizing:border-box!important}
.barrage-switch-chat .barrage-switch-chat-dot{position:absolute;left:12px;top:5px;width:6px;height:6px;background:#666;border-radius:50%;vertical-align:middle}
.barrage-send-dom{display:inline-block;position:relative;width:auto;height:24px;vertical-align:middle;margin-left:10px;background:rgba(255,255,255,.3);padding:0 12px;border-radius:12px;line-height:24px;vertical-align:middle}
.barrage-send-dom.close{display:none}
.barrage-send-dom .barrage-send-input{position:relative;width:220px;height:24px;background:0 0;border:none;outline:0;padding:0 8px;font-size:12px;color:#fff}
.barrage-send-dom .barrage-notlogin{ position:relative;width:220px;height:24px;background:0 0;border:none;outline:0;padding:0 8px;font-size:12px;color:#999}
.barrage-send-dom .barrage-notlogin i {color: #ff3456;cursor: pointer;}
.barrage-send-dom .barrage-send-button, .barrage-send-dom .barrage-notlogin-button {position:relative;width:auto;height:20px;background:0 0;border:none;outline:0;padding:0 8px;padding-left:18px;font-size:14px;color:#ff3456;border-left:1px solid #999}
.barrage-with-no-fullscreen .barrage-switch-chat{display:none!important}
.barrage-with-no-fullscreen .barrage-send-dom{display:none!important}
.barrage-with-fullscreen .barrage-switch-chat{animation:fadeIn .5s forwards}
.barrage-with-fullscreen .barrage-send-dom{animation:fadeIn .5s forwards}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
.dplayer-controller.show-always{opacity:1!important;transform:translateY(0)!important}
.barrage-panel{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box!important;z-index:0}
.barrage-panel.close{display:none}
.barrage-panel *{box-sizing:border-box!important}
.barrage-panel .danmu-item{position:absolute;width:auto;height:48px;font-size:24px;line-height:48px;color:#fff;font-weight:700;text-shadow:#000 0 0 1px,#000 0 0 1px,#000 0 0 1px;white-space:nowrap;word-break:keep-all;cursor:pointer;letter-spacing:2px}
.barrage-panel .danmu-item img{display: inline-block; vertical-align: middle;}
.barrage-panel .danmu-item.lv1{color:#58c14b}
.barrage-panel .danmu-item.lv2{color:#6a63ff}
.barrage-panel .danmu-item.lv3{color:#fba422}
.barrage-panel .danmu-item.lv4{color:#08f}
.barrage-panel .danmu-item.lv5{color:#00eaea}
.barrage-panel .danmu-item.lv6{color:#6907ff}
.barrage-panel .danmu-item.lv7{color:#ff1c84}
.barrage-panel .danmu-item.lv8{color:#624aa9}
.barrage-panel .danmu-item.lv9{color:#ffde00}
.barrage-panel .danmu-item.lv10{color:#fe431d}
.barrage-panel .danmu-item.lv11{color:#843504}
.barrage-panel .danmu-item.lv12{color:#fc4f5d}
.barrage-panel .danmu-item.lv13{color:#8341ff}
.barrage-panel .danmu-item.lv14{color:#071eff}
.barrage-panel .danmu-item.lv15{color:#0e6c54}
.barrage-panel .danmu-item.lv16{color:#c00}
.barrage-panel .danmu-item:hover{z-index:2}