.title-box[data-v-d8f72b48]{display:flex;justify-content:space-between}.tips[data-v-d8f72b48]{width:100%;height:120px;overflow:hidden;background:var(--bg-8,#f5f7fa)}.tips h5[data-v-d8f72b48]{margin-top:30px;margin-left:30px;font-weight:700;font-size:14px}.tips p[data-v-d8f72b48]{margin-left:30px;line-height:30px}.contain[data-v-d8f72b48]{width:600px;margin-top:60px}.contain .channel-item .channel-info[data-v-d8f72b48]{display:flex;align-items:center;margin-bottom:20px}.contain .channel-item .channel-info .channel-item-name[data-v-d8f72b48]{width:200px;margin:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contain .btn[data-v-d8f72b48]{width:150px;margin-top:30px}.channel-list[data-v-d8f72b48]{display:flex;flex-wrap:wrap;max-height:40vh;overflow-y:auto}.channel-list .channel[data-v-d8f72b48]{display:flex;align-items:center;justify-content:center;width:135px;height:48px;margin-right:25px;margin-bottom:20px;color:var(--color,#333);border:1px solid var(--color,#333);border-radius:4px;cursor:pointer;transition:all .2s ease}.channel-list .channel[data-v-d8f72b48]:nth-child(4n+4){margin-right:0}.channel-list .channel.selected[data-v-d8f72b48]{color:#fff;background:var(--theme,#137dee);border-color:var(--theme,#137dee)}