.user-name{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#333}.user-name__text{color:inherit;font-size:inherit;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name__badge{width:1em;height:1em;margin-left:3px}.mini-player{position:fixed;bottom:0;right:20px;width:400px;background:#fff;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.5);box-shadow:0 2px 10px 0 rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.mini-player .mini-player__operations{position:absolute;top:0;left:0;width:100%;background-image:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.6)));background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.6));height:64px;opacity:0;z-index:3;-webkit-transition:opacity .5s;transition:opacity .5s}.mini-player .open-single-page{position:absolute;top:10px;left:10px;z-index:1;border:0;outline:none;background:transparent;color:#fff}.mini-player .open-single-page>i{font-size:16px}.mini-player .open-single-page:hover .expand-tips{display:block}.mini-player .open-single-page .expand-tips{position:absolute;left:0;top:calc(100% + 5px);background:rgba(0,0,0,.7);border-radius:5px;max-height:inherit;margin:0;overflow:hidden;font-size:12px;line-height:20px;padding:4px 8px;height:auto;text-align:center;word-break:keep-all;display:none}.mini-player .close-mini-player{position:absolute;top:10px;right:10px;z-index:1;border:0;outline:none;background:transparent;color:#fff}.mini-player .close-mini-player>i{font-size:16px;font-weight:700}.mini-player .icon-play2{-webkit-transition:none;transition:none;opacity:0}.mini-player:hover .mini-player__operations{opacity:1}.mini-player .video-player{overflow:hidden}.mini-player .video-info{height:70px;background:#fff;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mini-player .video-info .title{font-size:14px;color:#333;line-height:24px;margin:10px 0 7px;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .video-info .taptap-user{font-size:12px;color:#999}.mini-player-fade-enter{opacity:0;-webkit-transform:translate(-100px,-100px);transform:translate(-100px,-100px)}.mini-player-fade-leave{opacity:.5}.mini-player-fade-leave-to{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.mini-player-fade-enter-active,.mini-player-fade-leave-active{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}