.iconfont{width:1em;height:1em;vertical-align:top;fill:currentColor;overflow:hidden}.tap-player{position:relative;width:100%;height:100%;background:#000;word-break:initial;line-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tap-player__video{width:100%;height:100%}.tap-player__loading-box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;display:none;justify-content:center;align-items:center}.is-mobile .tap-player__loading{width:14px;height:14px}.is-mobile .tap-player__loading:before,.is-mobile .tap-player__loading:after{content:'';display:block;border-radius:50%;width:12px;height:12px;position:absolute}.tap-player__loading{position:relative;width:24px;height:24px;margin:12px auto;animation:rotateSelf 5s linear infinite}.tap-player__loading:before,.tap-player__loading:after{content:'';display:block;border-radius:50%;width:21px;height:21px;position:absolute}.tap-player__loading:before{background:#FF8156;left:0;top:0;z-index:1;animation:slideInset1 2s linear infinite}.tap-player__loading:after{background:#15C5CE;bottom:0;right:0;z-index:0;animation:slideInset2 2s linear infinite}@keyframes rotateSelf{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideInset1{0%{left:0;top:0;transform:scale(1) translate3d(-50%, -50%, 0);z-index:1}12.5%{left:50%;top:50%;transform:scale(1.2) translate3d(-50%, -50%, 0);z-index:1}25%{left:100%;top:100%;transform:scale(1) translate3d(-50%, -50%, 0);z-index:1}37.5%{left:50%;top:50%;transform:scale(0.6) translate3d(-50%, -50%, 0);z-index:0}50%{left:0;top:0;transform:scale(1) translate3d(-50%, -50%, 0);z-index:1}62.5%{left:50%;top:50%;transform:scale(1.2) translate3d(-50%, -50%, 0);z-index:1}75%{left:100%;top:100%;transform:scale(1) translate3d(-50%, -50%, 0);z-index:1}87.5%{left:50%;top:50%;transform:scale(0.6) translate3d(-50%, -50%, 0);z-index:0}100%{left:0;top:0;transform:scale(1) translate3d(-50%, -50%, 0);z-index:1}}@keyframes slideInset2{0%{right:0;bottom:0;transform:scale(1) translate3d(50%, 50%, 0);z-index:1}12.5%{right:50%;bottom:50%;transform:scale(0.6) translate3d(50%, 50%, 0);z-index:0}25%{right:100%;bottom:100%;transform:scale(1) translate3d(50%, 50%, 0);z-index:1}37.5%{right:50%;bottom:50%;transform:scale(1.2) translate3d(50%, 50%, 0);z-index:1}50%{right:0;bottom:0;transform:scale(1) translate3d(50%, 50%, 0);z-index:1}62.5%{right:50%;bottom:50%;transform:scale(0.6) translate3d(50%, 50%, 0);z-index:0}75%{right:100%;bottom:100%;transform:scale(1) translate3d(50%, 50%, 0);z-index:1}87.5%{right:50%;bottom:50%;transform:scale(1.2) translate3d(50%, 50%, 0);z-index:1}100%{right:0;bottom:0;transform:scale(1) translate3d(50%, 50%, 0);z-index:0}}.tap-player__controls{display:none;position:absolute;width:100%;height:60px;bottom:0;left:0;background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 99%);opacity:1;padding:10px 15px;box-sizing:border-box;transition:.3s}.is-mobile .tap-player__controls{height:40px;padding:0}.progress-bar{position:relative;width:100%;height:2px;margin:1px 0;background:rgba(255,255,255,0.3);cursor:pointer;touch-action:none}.progress-bar:hover{height:4px;margin:0}.is-mobile .progress-bar{flex:1}.progress-bar:hover .progress-bar__point{display:block}.progress-bar__played{position:relative;width:0;height:100%;background:#14b9c8;z-index:11}.progress-bar__point{display:none;position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:3px;background-color:#78e1eb;border:2px solid #14b9c8;box-sizing:border-box}.progress-bar__point--active{box-shadow:0 0 0 10px rgba(120,225,235,0.3);display:block}.progress-bar__buffered{position:absolute;width:0;height:100%;top:0;left:0;background:rgba(255,255,255,0.5)}.progress-bar__mouse{position:absolute;width:0;height:100%;top:0;left:0;background:rgba(255,255,255,0.3)}.tap-player__options{height:50px;display:flex;padding:10px;box-sizing:border-box;align-items:center;justify-content:space-between}.is-mobile .tap-player__options{height:40px}.tap-player__options--left,.tap-player__options--right{display:flex;align-items:center}.tap-player__play,.tap-player__pause{display:none;color:#fff;cursor:pointer}.tap-player__play--big,.tap-player__pause--big{display:none;cursor:pointer;position:absolute;left:0;bottom:0;top:0;right:0;margin:auto;width:40px;height:40px;z-index:9;font-size:40px}.tap-player__play--big .iconfont,.tap-player__pause--big .iconfont{filter:drop-shadow(2px 2px 10px rgba(0,0,0,0.5))}.is-mobile .tap-player__play--big,.is-mobile .tap-player__pause--big{width:30px;height:30px;font-size:30px}.tap-player__play-pause{position:relative;margin-right:15px}.tap-player__time{font-size:13px;color:#fff;display:flex;align-items:center;margin-right:15px}.tap-player__volume{position:relative;cursor:pointer;margin-left:15px}.tap-player__muted,.tap-player__un-muted{position:relative;color:#fff}.volume{display:none;position:absolute;padding:12px 15px;background:rgba(0,0,0,0.7);border-radius:5px;bottom:calc(100% + 25px);left:-8px}.is-mobile .volume{bottom:calc(100% + 15px)}.volume-bar{position:relative;width:4px;height:80px;background:rgba(255,255,255,0.3)}.volume-bar__active{position:absolute;bottom:0;height:100%;width:4px;background:#14b9c8}.volume-bar__point{position:absolute;right:-3px;top:-6px;width:10px;height:10px;border-radius:3px;background-color:#78e1eb;border:2px solid #14b9c8;box-sizing:border-box}.tap-player__levels{position:relative;margin-left:15px;font-size:13px;cursor:pointer}.is-mobile .tap-player__levels{font-size:11px}.levels__text{color:#fff}.levels__box{color:#fff;display:none;position:absolute;padding:6px 15px;background:rgba(0,0,0,0.7);border-radius:5px;bottom:calc(100% + 25px);transform:translateX(-50%)}.is-mobile .levels__box{bottom:calc(100% + 15px);padding:3px 5px}.level{padding:5px 0;display:flex;align-items:center;white-space:nowrap}.level:hover{color:#14b9c8}.level .leaves__icon{opacity:0}.level.is-active,.level.is-active .leaves__icon,.level.is-active .leaves__icon .iconfont{color:#14b9c8;opacity:1}.leaves__icon .iconfont{width:22px;vertical-align:baseline}.is-mobile .level{padding:3px 0}.is-mobile .leaves__icon{width:20px}.tap-player__level-image{display:none;top:0;left:0;position:absolute;width:100%;height:100%}.tap-player__poster{top:0;left:0;position:absolute;width:100%;height:100%;background:#000}.tap-player__poster-image{width:100%;height:100%}.tap-player__fullscreen,.tap-player__un-fullscreen{color:#fff;display:none;cursor:pointer}.tap-player__fullscreen-box{position:relative;margin-left:15px}.tap-player__tips{display:none;position:absolute;bottom:calc(100% + 5px);padding:4px 8px;border-radius:6px;background:rgba(0,0,0,0.7);font-size:12px;line-height:20px;color:#fff;transform:translateX(-50%);white-space:nowrap;z-index:10}.progress-bar .tap-player__tips{bottom:calc(100% + 5px) !important}.tap-player__controls .tap-player__tips{bottom:calc(100% + 25px)}.is-mobile .tap-player__controls .tap-player__tips{bottom:calc(100% + 15px)}.tap-player__live-tag{width:6px;height:6px;border-radius:6px;background:#F64C4C;margin-right:15px}.tap-player__mini-box{position:relative;margin-left:15px;cursor:pointer;display:flex;justify-content:center;align-items:center}.tap-player__mini{width:16px;height:16px}.tap-player__theater-box{position:relative;margin-left:15px;cursor:pointer;display:flex;justify-content:center;align-items:center}.tap-player__theater{width:16px;height:16px}.tap-player__un-theater{display:none;width:16px;height:16px}.tap-player__replay-icon{width:16px;height:16px}.tap-player__replay-box{display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.tap-player__mark{width:100%;height:100%;position:absolute;justify-content:center;align-items:center;top:0;left:0;z-index:12;background:rgba(0,0,0,0.5);display:none}.iconfont{color:#fff}
