#content{width:100%;height:100%}.up{width:100%;min-height:548px;background:#333}.up .live{width:1120px;margin:0 auto;padding-top:40px}.up .live .live-channel{width:100%;margin-bottom:20px}.up .live .live-channel:after,.up .live .live-channel:before{content:"";display:block;clear:both}.up .live .live-channel .channel-item{line-height:20px;margin:0 56px 10px 0;float:left;font-size:16px;font-weight:700;color:#757575;cursor:pointer}.up .live .live-channel .channel-item.selected{color:#fff}.up .live .live-playbill{width:100%;height:450px}.up .live .live-playbill .live-player{width:671px;height:433px;float:left;background:url(../images/live-bgdbdb88.png)}.up .live .live-playbill .live-nav{width:449px;height:433px;float:right;position:relative}.up .live .live-playbill .live-nav .live-bg{width:357px;height:77px;background:url(../images/u2416867689.png) no-repeat;position:absolute;top:-4px;right:-7px;z-index:1}.up .live .live-playbill .live-nav .live-days{width:100%;height:40px;padding:0 10px;background:#31312e;border:1px solid #434343;display:flex;justify-content:space-between;z-index:2}.up .live .live-playbill .live-nav .live-day{font-size:12px;line-height:38px;color:#fff;cursor:pointer;opacity:.5;z-index:3}.up .live .live-playbill .live-nav .live-days .selected{opacity:1}.up .live .live-playbill .live-nav .live-list{width:100%;height:391px;overflow-y:auto;background:#626262;padding:4px 0;position:absolute;top:42px;left:0;z-index:2}.up .live .live-playbill .live-nav .live-item{width:100%;height:40px;background:#818181;color:#fff;padding:10px 8px;margin-bottom:2px;float:left;cursor:pointer}.up .live .live-playbill .live-nav .live-item-left{width:124px;color:#fff}.up .live .live-playbill .live-nav .live-item-title{width:150px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;padding:0 10px}.up .live .live-playbill .live-nav .live-item.live .live-item-title{color:red}.up .live .live-playbill .live-nav .live-item-time{height:20px;float:left}.up .live .live-playbill .live-nav .live-item-right{float:right}.up .live .live-playbill .live-nav .live-item-type{float:right;opacity:.4}.up .live .live-playbill .live-nav .live-item:hover{background:#b1b1b1}.up .live .live-playbill .live-nav .live-item.playing .live-item-title{color:#fbd62d}.tv-live{width:1120px;margin:0 auto;padding-bottom:20px}.tv-live .tv-live-title{width:100%;height:30px;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABFcAAAACCAYAAACdUjOqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABQSURBVGhD7dAxDQAgDABBKgBPTdBNgicE0JG5+/3+y8Vd+YYIECBAgAABAgQIECBAgAABAgTaAnOfaE8GAgQIECBAgAABAgQIECBAgACBL1BnPAQCYF54vQAAAABJRU5ErkJggg==) 50% repeat-x;margin:36px 0 30px}.tv-live .tv-live-title span{display:inline-block;width:190px;background:#fff;font-size:24px;font-weight:700;line-height:30px;color:#f34340;text-align:center}.tv-live .tv-live-list{width:100%;display:flex;flex-wrap:wrap}.tv-live .tv-live-list .tv-live-item{width:340px;height:260px;margin-left:50px}.tv-live .tv-live-list .tv-live-item:nth-child(3n-2){margin-left:0}.tv-live .tv-live-list .tv-live-item .tv-live-img{display:block;width:340px;height:200px;position:relative}.tv-live .tv-live-list .tv-live-item .tv-live-img img{width:100%;height:100%}.tv-live .tv-live-list .tv-live-item .tv-live-img .play-icon-bk{width:56px;height:56px;padding:16px 20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAONSURBVGhD5ZtLaxRBFIVNFNEYdeJCQSSiUXHhIwsXgrhQN/4Dly78abpz5U8QQXytfCBEE1vFnYjEEF/xcb5iqunp9KO6umesLi8cZnpSVV2nTr3vzdSW8dhAxZ4Qdgl7hFlhZgjeuD7Emj5Xha/Ca+Fj19WZ6rDAeZW1IJwU9nuW+0n5loRXQiL89iwnzdaW4DaVdE64MFSpbX2y+b/p4aHwQOC7l/kSnNbbzghXxkAsTwRy94RHwkZTlj4ET+kll4R9TV/WMj3j9a7wpEk5WxskRrXLwlVhZ4N8XSXdroKYuGhYJiSn8elKkMKvCYtd1bZFOQeU96jARPSjrhwXgrTYdeFQXWET/DtLD3PAW+FL1XvrCELuhrB3gpV3fRW96rSQCKylhVZFkAJQLkRylgz1Z1y+EL4XMSwjyITCmAupW5aJhBCHhefCr3yiMoLMlouufSWAdLtVhznhpQtB1jmWgr4Z28OfwvtsxemK+WcW8b7aRVV8RxVBpt5J71C6bEzInS8jyMaZvWXfbWTjn+2inAo4t/XdEAqSxrIE0x/7zlD1RywzFi1BDqsxqGe1QUU2AClBTuKxmeFkFeSaITZDwWkIDgTfO5SQG4UxOA9B01cjtQUIcrUXq81CkMNjrDaAYEzLQ16oGQhy4xyrRU/QjMH8kSkqNSGHIyRWW/8vCJZeuUUg6xoKcucfq61CEOdjrGbGIA7HWG0ZgriN8azGZjhmErsGxqjiighuWIK4omIzw8kSTPTd2w8eYMvgHDW90hLkBxz+sdhTETHLX3Yf2iqaIaCWQSyCFoxlvUtEMPwR+n7D9lgcnlmC+ZMEoRp93tkgUqpevovyvClBQF3PpSoMsxGBihygH5QIDxPRDH2yRJW9Mxxmab3LPLzEoRwT8Jz2wdiJ3RI2hZWUEbTrCP5CfOAhG6RuCp+LKlkVZUFG4lDOCqFeayDEbeFdmQJ1cTIE2bwRuP0OTUkEgFzlPrqOIA3DiZ84lCNCKHeojDm6ZalyVlEXgqQlyIbFk1CNf+2oSVQHJpTCMZfvqq4EyUeQDXEofB4UcDJO0lij7wssBbVBeLZiPvGi5LXRDLi9x02UiYQYUXYojXdZvgRtAzEmIYlPvGuiEONUADHvG4e2BC1RFGWmZaPO50gwToN+TNfjJM5hldmxsWL5d3VFMFsuayZBDccFFHb5twJu15eFRGgcl13VgH8B+peQ9CxsFj4AAAAASUVORK5CYII=) 50% no-repeat;position:absolute;top:calc(50% - 28px);left:calc(50% - 28px)}.tv-live .tv-live-list .tv-live-item .tv-live-img .play-icon-bk .play-icon{width:20px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFPSURBVEhLrZQxa8JAGIZz+QWu/QkdOjm5CU5Cd6HgVig4u3YuCC0OpU52EkKKm10FQXCqUHBz6tShU0BwKJj0uZDKGe6SXOLBS/DiPXm+y+UTYRheOo7TIxfkk7y6rvvNtdQQAGdCCAmLRxRFey7PQN/KEAWAD91C5tfM3wP+sQG7pj9jXeeeTwVtG6DRUIVgO+cBDyTIgxsN1YWAWkCn2LbygIUMbWwLGepsMW7qbK0NU5B3fg/YEnnU4mFtmAJeY+oTeSLiUdXwyAfqYTo6G1CSgS6rlpx+L7WzAbFbQO9XLhnQDtAT3/ys8ltOGkjnH1YaCOiXPAK6S3cj6z0EtOF43ADydF9KYWBiNQR2S75MTaIQULGaADtkdZxMIKADGeVZqQ8wAgHJsrrs1TjP6gTIwkCdSKxkaXLjt1nlae/RhRtEduMVeSFX1hBlwR/HJLSUm6vO1gAAAABJRU5ErkJggg==) 50% no-repeat}.tv-live .tv-live-list .tv-live-item .tv-live-img:hover .play-icon{width:20px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEUSURBVEhLY/j3758JEG8H4utAPPv///8KDJQAoCH3gYbAAZD/GYhzyDYT2TA0g/cDDZYh2WBcBoLEgQa+B+IYkgzFZyBMDmjoaiBbhCiDiTEQ6trXQINDCBpKrIFEu5ZUA2GuBdIBWF1LjoFIrp0PZPOgGEyJgVDXgtKxA9xQSg1Ecm0/yLWMIAGCMUekAqBRW5iIVEusMhGqGQh03QZGRsZABkrDEJQ9gWYkUCVSgIZhFiDkuBBo0HcgLqBKwgYadBzoCA2csUSsC6GuKgGqZ8Eb5cQYSNBVyDbgMxBo0G8griHoKmIMBFVaQIMMiE3RcHVAja+RXQl1VTdQjINkw0AagAZ4QKtQUFLYDcQWZBkE1QQA07ji4egzXdAAAAAASUVORK5CYII=) 50% no-repeat}.tv-live .tv-live-list .tv-live-item .tv-live-name{display:block;width:100%;height:40px;font-size:16px;line-height:20px;font-weight:700;color:#3d464d;margin-top:15px}