*{padding:0;margin:0}body,html{height:100%}body{overflow:hidden;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff}#app{height:100%}.page[data-v-37c0511c]{height:100%;background-color:#000}[data-v-37c0511c] .vjs-big-play-button{top:50%;left:50%;transform:translate(-50%,-50%)}.page[data-v-659c6bfc]{height:100%;overflow:hidden;background-color:rgba(0,0,0,.4)}.comments-count[data-v-659c6bfc]{position:absolute;top:6px;left:50%;padding:0 10px;font-size:18px;font-weight:700;line-height:28px;text-align:center;border-bottom:1px solid #fff;transform:translateX(-50%)}.comments-container[data-v-659c6bfc]{position:relative;height:calc(100% - 92px);padding:0 4px;margin:46px 0}.comments-container .comment-item[data-v-659c6bfc]{padding:2px 0}.comment-box[data-v-659c6bfc]{position:absolute;right:0;bottom:0;left:0;height:36px;padding:5px 0}.comment-box .comment-input[data-v-659c6bfc]{width:calc(100% - 80px);padding:0 4px;margin:0 4px;outline:none}.comment-box .comment-input[data-v-659c6bfc],.comment-box .comment-send[data-v-659c6bfc]{height:36px;font-size:16px;color:#fff;background-color:rgba(0,0,0,.6);border:0 none;border-radius:3px}.comment-box .comment-send[data-v-659c6bfc]{width:60px}.list-enter-active[data-v-659c6bfc],.list-leave-active[data-v-659c6bfc]{transition:all .5s ease}.list-enter-from[data-v-659c6bfc],.list-leave-to[data-v-659c6bfc]{opacity:0}