.menu-bottom{display:flex;position:absolute;bottom:5px;left:0;width:100%;transition:bottom ease-in-out .1s;cursor:pointer;z-index:999}.menu-bottom.menu-bottom-fixed{position:fixed}.music-play[data-v-76d82fbe]{-webkit-animation:music-76d82fbe 2s infinite linear;animation:music-76d82fbe 2s infinite linear}.music-pause[data-v-76d82fbe]{animation-play-state:paused}@-webkit-keyframes music-76d82fbe{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes music-76d82fbe{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.diygw-avatar[data-v-76d82fbe]{font-variant:small-caps;display:inline-flex;text-align:center;justify-content:center;align-items:center;background-color:#ccc;color:var(--white);white-space:nowrap;position:relative;width:48px;height:48px;background-size:cover;background-position:center;vertical-align:middle;font-size:16px;border:1px solid #efefef}.diygw-avatar.diygw-avatar-button[data-v-76d82fbe]{padding:0;margin-left:auto;margin-right:auto}.diygw-avatar.music-avatar[data-v-76d82fbe]{font-size:24px}.diygw-avatar [class*=diy-icon-][data-v-76d82fbe]{font-size:28px}.diygw-avatar.bg-none[data-v-76d82fbe],.diygw-avatar.bg-bg-none[data-v-76d82fbe]{background-color:inherit}.custom-audio-button[data-v-76d82fbe]{color:#fff;font-size:10px;line-height:18px;padding:0 5px;text-align:center;background-color:var(--active-color);border-radius:100px}.margin-left-title[data-v-76d82fbe]{margin-left:30px}.diygw-hidden[data-v-76d82fbe]{display:none}.diygw-check-btns{background-color:#efefef;padding:8px;display:flex;align-items:center;justify-content:center;font-size:12px!important;border-radius:5px;margin:15px 0;cursor:pointer}.diygw-content-links{background-color:#efefef;padding:8px;display:flex;align-items:center;justify-content:space-around;font-size:12px!important;border-radius:5px;margin:15px 0}.diygw-content-links .item{display:flex;align-items:center;cursor:pointer;justify-content:center;flex:1}#barrage{position:absolute;padding:5px;display:flex;z-index:1000}#barrage>div{width:auto;list-style:none;color:#fff;padding:5px 10px;font-size:14px;background:rgba(0,0,0,.3) none repeat scroll 0 0;border-radius:20px;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center}.avator{background:rgba(255,255,255,.8588235294);box-shadow:0 0 24px #b1b1b15e;width:30px;height:30px;border-radius:50%}#barrage>div .avator+span{padding-left:5px;padding-right:10px}@-webkit-keyframes zoomInBarrage{0%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}@keyframes zoomInBarrage{0%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}.animate__zoomInBarrage{-webkit-animation-name:zoomInBarrage;animation-name:zoomInBarrage}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-200%,0);transform:translate3d(0,-200%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}