.dplayer{position:relative;overflow:hidden;user-select:none;line-height:1}.dplayer *{box-sizing:content-box}.dplayer svg{width:100%;height:100%}.dplayer svg circle,.dplayer svg path{fill:#fff}.dplayer:-webkit-full-screen{width:100%;height:100%;background:#000;position:fixed;z-index:100000;left:0;top:0;margin:0;padding:0;transform:translate(0,0)}.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment{display:none}.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-showdan{display:none}.dplayer.dplayer-live .dplayer-time{display:none}.dplayer.dplayer-live .dplayer-bar-wrap{display:none}.dplayer.dplayer-live .dplayer-setting-speed{display:none}.dplayer.dplayer-live .dplayer-setting-loop{display:none}.dplayer.dplayer-live.dplayer-no-danmaku .dplayer-setting{display:none}.dplayer.dplayer-arrow .dplayer-danmaku{font-size:18px}.dplayer.dplayer-arrow .dplayer-icon{margin:0 -3px}.dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move{animation-play-state:running}@media(min-width:900px){.dplayer.dplayer-playing .dplayer-controller-mask{opacity:0}.dplayer.dplayer-playing .dplayer-controller{opacity:0}.dplayer.dplayer-playing:hover .dplayer-controller-mask{opacity:1}.dplayer.dplayer-playing:hover .dplayer-controller{opacity:1}}.dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon{display:block}.dplayer.dplayer-loading .dplayer-danmaku,.dplayer.dplayer-paused .dplayer-danmaku{animation-play-state:paused}.dplayer.dplayer-hide-controller{cursor:none}.dplayer.dplayer-hide-controller .dplayer-controller-mask{opacity:0;transform:translateY(100%)}.dplayer.dplayer-hide-controller .dplayer-controller{opacity:0;transform:translateY(100%)}.dplayer.dplayer-show-controller .dplayer-controller-mask{opacity:1}.dplayer.dplayer-show-controller .dplayer-controller{opacity:1}.dplayer.dplayer-fulled{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%}.dplayer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;display:none}.dplayer-mask.dplayer-mask-show{display:block}.dplayer-video-wrap{position:relative;background:#000;font-size:0;width:100%;height:100%}.dplayer-video-wrap .dplayer-video{width:100%;height:100%;display:none}.dplayer-video-wrap .dplayer-video-current{display:block}.dplayer-video-wrap .dplayer-video-prepare{display:none}.dplayer-controller-mask{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;height:98px;opacity:0;transition:all .3s ease;position:absolute;bottom:0;left:0;right:0;z-index:2}.dplayer-controller{position:absolute;bottom:0;left:0;right:0;height:41px;padding:0 20px;user-select:none;transition:all .3s ease;opacity:0;z-index:3}.dplayer-controller.dplayer-controller-comment .dplayer-icons{display:none}.dplayer-controller.dplayer-controller-comment .dplayer-icons.dplayer-comment-box{display:block}.dplayer-controller .dplayer-bar-wrap{padding:5px 0;cursor:pointer;position:absolute;bottom:33px;width:calc(100% - 40px);height:3px}.dplayer-controller .dplayer-bar-wrap:hover .dplayer-bar .dplayer-played .dplayer-thumb{transform:scale(1)}.dplayer-controller .dplayer-bar-wrap:hover .dplayer-highlight{display:block;width:8px;transform:translateX(-4px);top:4px;height:40%}.dplayer-controller .dplayer-bar-wrap .dplayer-highlight{z-index:12;position:absolute;top:5px;width:6px;height:20%;border-radius:6px;background-color:#fff;text-align:center;transform:translateX(-3px);transition:all .2s ease-in-out}.dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover .dplayer-highlight-text{display:block}.dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover~.dplayer-bar-preview{opacity:0}.dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover~.dplayer-bar-time{opacity:0}.dplayer-controller .dplayer-bar-wrap .dplayer-highlight .dplayer-highlight-text{display:none;position:absolute;left:50%;top:-24px;padding:5px 8px;background-color:rgba(0,0,0,.62);color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;transform:translateX(-50%)}.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview{position:absolute;background:#fff;pointer-events:none;display:none;background-size:16000px 100%}.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview-canvas{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.dplayer-controller .dplayer-bar-wrap .dplayer-bar-time{position:absolute;left:0;top:-20px;border-radius:4px;padding:5px 7px;background-color:rgba(0,0,0,.62);color:#fff;font-size:12px;text-align:center;opacity:1;transition:opacity .1s ease-in-out;word-wrap:break-word;word-break:normal;z-index:2;pointer-events:none}.dplayer-controller .dplayer-bar-wrap .dplayer-bar-time.hidden{opacity:0}.dplayer-controller .dplayer-bar-wrap .dplayer-bar{position:relative;height:3px;width:100%;background:rgba(255,255,255,.2);cursor:pointer}.dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.4);height:3px;transition:all .5s ease;will-change:width}.dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played{position:absolute;left:0;top:0;bottom:0;height:3px;will-change:width}.dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;transform:scale(0)}.dplayer-controller .dplayer-icons{height:38px;position:absolute;bottom:0}.dplayer-controller .dplayer-icons.dplayer-comment-box{display:none;position:absolute;transition:all .3s ease-in-out;z-index:2;height:38px;bottom:0;left:20px;right:20px;color:#fff}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-icon{padding:7px}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-icon{position:absolute;left:0;top:0}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-send-icon{position:absolute;right:0;top:0}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box{position:absolute;background:rgba(28,28,28,.9);bottom:41px;left:0;box-shadow:0 0 25px rgba(0,0,0,.3);border-radius:4px;padding:10px 10px 16px;font-size:14px;width:204px;transition:all .3s ease-in-out;transform:scale(0)}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open{transform:scale(1)}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box input[type=radio]{display:none}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box label{cursor:pointer}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title{font-size:13px;color:#fff;line-height:30px}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type{font-size:0}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type .dplayer-comment-setting-title{margin-bottom:6px}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2){display:inline-block;width:33%;text-align:center;border-radius:4px 0 0 4px;background-color:#222;padding:7px 0;font-size:12px;color:#fff;margin:0;cursor:pointer}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2):hover{background-color:#444}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked+label{background-color:#e4007f}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4){display:inline-block;width:33%;text-align:center;background-color:#222;padding:7px 0;font-size:12px;color:#fff;margin:0;cursor:pointer}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4):hover{background-color:#444}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(6){display:inline-block;width:34%;text-align:center;border-radius:0 4px 4px 0;background-color:#222;padding:7px 0;font-size:12px;color:#fff;margin:0;cursor:pointer}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(6):hover{background-color:#444}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color{font-size:0}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label{font-size:0;padding:6px;border-radius:4px}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label span{width:22px;height:22px;display:block;border-radius:50%;box-sizing:border-box;cursor:pointer}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label span:hover{animation:my-face 5s infinite ease-in-out}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input{outline:none;border:none;padding:8px 31px;font-size:14px;line-height:18px;text-align:center;border-radius:4px;background:none;margin:0;height:100%;box-sizing:border-box;width:100%;color:#fff}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::placeholder{color:#fff;opacity:.8}.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::-ms-clear{display:none}.dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon{padding:7px}.dplayer-controller .dplayer-icons.dplayer-icons-right{right:20px}.dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon{padding:8px 7px}.dplayer-controller .dplayer-icons .dplayer-time,.dplayer-controller .dplayer-icons .dplayer-live-badge{line-height:38px;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);vertical-align:middle;font-size:13px;cursor:default}.dplayer-controller .dplayer-icons .dplayer-live-dot{display:inline-block;width:6px;height:6px;vertical-align:4%;margin-right:5px;content:'';border-radius:6px}.dplayer-controller .dplayer-icons .dplayer-icon{width:40px;height:100%;border:none;background-color:transparent;outline:none;cursor:pointer;vertical-align:middle;box-sizing:border-box;display:inline-block}.dplayer-controller .dplayer-icons .dplayer-icon .dplayer-icon-content{transition:all .2s ease-in-out;opacity:.8}.dplayer-controller .dplayer-icons .dplayer-icon:hover .dplayer-icon-content{opacity:1}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-quality-icon{color:#fff;width:auto;line-height:38px;font-size:13px}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon{padding:10px 9px 9px}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon{padding-top:8.5px}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box{position:absolute;background:rgba(28,28,28,.9);bottom:50px;right:-150px;width:150px;border-radius:2px;overflow:hidden;z-index:3;transition:all .3s ease-in-out;transform:scale(0)}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box.dplayer-setting-box-open{transform:scale(1)}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box.dplayer-setting-box-narrow{width:70px;text-align:center}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box.dplayer-setting-box-speed .dplayer-setting-origin-panel{display:none}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box.dplayer-setting-box-speed .dplayer-setting-speed-panel{display:block}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed-panel{display:none}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-loop,.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-showdan,.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed{padding:5px 10px;box-sizing:border-box;cursor:pointer;position:relative}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-loop:hover,.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-showdan:hover,.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed:hover{background-color:rgba(255,255,255,.1)}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-loop input,.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-showdan input{position:absolute;top:0;right:10px;width:34px;height:100%}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed .dplayer-label{float:left}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed .dplayer-toggle{float:right;position:relative;right:10px;width:10px;height:10px;text-align:center}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed-item{padding:5px 10px;box-sizing:border-box;cursor:pointer;position:relative}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed-item:hover{background-color:rgba(255,255,255,.1)}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed-item.dplayer-setting-speed-item-active .dplayer-label{color:#eee}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed-item.dplayer-setting-speed-item-active .dplayer-check{display:inline}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed-item .dplayer-label{color:#fff;font-size:13px}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-setting-box .dplayer-setting-speed-item .dplayer-check{position:absolute;right:10px;top:8px;width:6px;height:6px;display:none}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon{width:43px}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon .dplayer-volume-bar-wrap{display:inline-block;margin:0 10px 0 -5px;vertical-align:middle;height:100%}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon .dplayer-volume-bar-wrap .dplayer-volume-bar{position:relative;top:17px;width:35px;height:3px;background:#aaa;cursor:pointer}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner{position:absolute;bottom:0;left:0;height:100%;transition:all .1s ease;will-change:width}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;transform:scale(0)}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-subtitle-icon{display:inline-block;width:33px}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-full-icon{display:inline-block;width:27px}.dplayer-controller .dplayer-icons .dplayer-icon .dplayer-quality-mask{position:absolute;bottom:38px;left:0;z-index:2;pointer-events:none}.dplayer-controller .dplayer-icons .dplayer-icon .dplayer-quality-list{display:none;font-size:12px;width:auto;vertical-align:middle;background-color:rgba(28,28,28,.9);padding:5px 0;border-radius:2px}.dplayer-controller .dplayer-icons .dplayer-icon .dplayer-quality-item{width:100%;height:100%;box-sizing:border-box;cursor:pointer;line-height:25px}.dplayer-controller .dplayer-icons .dplayer-icon .dplayer-quality-item:hover{background-color:rgba(255,255,255,.1)}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-quality-icon:hover .dplayer-quality-list{display:block}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon:hover .dplayer-comment-box{display:block}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-label{color:#eee;font-size:13px;display:inline-block;vertical-align:middle;white-space:nowrap}.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon .dplayer-toggle{display:inline-block;vertical-align:middle;margin-right:10px}.dplayer-mobile-play{display:none;width:50px;height:50px;border:none;background-color:transparent;outline:none;cursor:pointer;box-sizing:border-box;bottom:0;opacity:.8;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.dplayer-danmaku{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff}.dplayer-danmaku .dplayer-danmaku-item{display:inline-block;pointer-events:none;user-select:none;cursor:default;white-space:nowrap;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.dplayer-danmaku .dplayer-danmaku-item--demo{position:absolute;visibility:hidden}.dplayer-danmaku .dplayer-danmaku-right{position:absolute;right:0;transform:translateX(100%)}.dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{will-change:transform;animation-name:danmaku;animation-timing-function:linear;animation-play-state:paused}@keyframes danmaku{from{transform:translateX(100%)}}@keyframes my-face{2%{transform:translate(0,1.5px) rotate(1.5deg)}4%{transform:translate(0,-1.5px) rotate(-.5deg)}6%{transform:translate(0,1.5px) rotate(-1.5deg)}8%{transform:translate(0,-1.5px) rotate(-1.5deg)}10%{transform:translate(0,2.5px) rotate(1.5deg)}12%{transform:translate(0,-.5px) rotate(1.5deg)}14%{transform:translate(0,-1.5px) rotate(1.5deg)}16%{transform:translate(0,-.5px) rotate(-1.5deg)}18%{transform:translate(0,.5px) rotate(-1.5deg)}20%{transform:translate(0,-1.5px) rotate(2.5deg)}22%{transform:translate(0,.5px) rotate(-1.5deg)}24%{transform:translate(0,1.5px) rotate(1.5deg)}26%{transform:translate(0,.5px) rotate(.5deg)}28%{transform:translate(0,.5px) rotate(1.5deg)}30%{transform:translate(0,-.5px) rotate(2.5deg)}32%,34%,36%,38%,40%,42%,44%,46%,48%,50%,52%,54%,56%,58%,60%,62%,64%,66%,68%,70%,72%,74%,76%,78%,80%,82%,84%,86%,88%,90%,92%,94%,96%,98%{transform:translate(0,0) rotate(0)}}