.header-view[data-v-1566a5d7]{height:60px;position:relative}.header-bar[data-v-1566a5d7]{height:60px;background-color:#032c43;box-shadow:0 6px 10px -3px rgba(0,0,0,.5);position:fixed;top:0;width:100%;z-index:1}.header-group[data-v-1566a5d7]{display:flex;align-items:center;justify-content:space-between;height:100%;color:#fff}.head-title[data-v-1566a5d7]{font-size:20px;font-weight:700}.container[data-v-1566a5d7]{max-width:800px;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}.web-media-player[data-v-1566a5d7]{margin-top:30px;position:relative}.play-url[data-v-1566a5d7]{margin-top:30px;width:100%;display:flex;align-items:center;justify-content:space-between}.play-url input[data-v-1566a5d7]{width:100%;height:24px;padding:0 10px}.btn[data-v-1566a5d7]{margin-left:15px;padding:3px 8px;border-radius:4px;background-color:#666;color:#fff;flex-shrink:0}