html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#08080e;color:#f8fafc;font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.3}body.playing{background:transparent}div,span,ul,li{-webkit-box-sizing:border-box;box-sizing:border-box}.hide{display:none}.accent{color:#e11d48}.dim{color:#9698ac}.right{float:right}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#boot{position:absolute;left:0;top:45%;width:100%;text-align:center;color:#9698ac;font-size:24px}#boot.fail{top:0;height:100%;text-align:left;padding:30px;font-size:17px;color:#ffb4c0;background:#1a0008;white-space:pre-wrap;word-wrap:break-word;overflow:auto}.fail-why{margin-top:12px;font-size:14px;line-height:1.35;color:#ff8d9f;word-wrap:break-word}#app{position:absolute;left:0;top:0;width:100%;height:100%}#head{position:absolute;left:0;top:0;width:100%;height:62px;padding:0 24px;background:#11111a;border-bottom:2px solid #22222f}#head-logo{float:left;font-size:26px;font-weight:bold;line-height:60px;letter-spacing:1px}#head-right{float:right;line-height:60px}#head-info{display:inline-block;margin-right:26px;font-size:17px;color:#9698ac}#head-clock{display:inline-block;font-size:22px;color:#ffffff}#nav{position:absolute;left:0;top:62px;width:232px;bottom:46px;background:#0f0f18;border-right:2px solid #22222f;padding:12px 0}.nav-item{height:54px;padding:0 22px;line-height:54px;font-size:21px;color:#b9bccd;border-left:5px solid transparent}.nav-item.on{color:#ffffff;background:#1e1b3a;border-left-color:#e11d48}.nav-item.sel{color:#ffffff;background:#e11d48;border-left-color:#e11d48;font-weight:bold}#main{position:absolute;left:234px;top:62px;right:0;bottom:46px;padding:14px 18px}#foot{position:absolute;left:0;bottom:0;width:100%;height:46px;padding:0 20px;line-height:46px;font-size:16px;color:#9698ac;background:#11111a;border-top:2px solid #22222f;white-space:nowrap;overflow:hidden}.hint{margin-right:26px;white-space:nowrap}.key{display:inline-block;min-width:30px;padding:1px 7px;margin-right:7px;text-align:center;color:#dfe2ee;background:#2c2c3e;border-radius:3px;font-size:14px;font-weight:bold}.key.red{background:#e11d48;color:#fff}.key.green{background:#22c55e;color:#08080e}.key.yellow{background:#eab308;color:#08080e}.key.blue{background:#3b82f6;color:#fff}.col-title{height:30px;font-size:16px;letter-spacing:1px;color:#7a7c92;text-transform:uppercase}.list{position:relative;overflow:hidden}.row{position:relative;height:46px;padding:0 12px;line-height:46px;font-size:20px;color:#dfe2ee;overflow:hidden;white-space:nowrap;border-bottom:1px solid #181824}.row.on{background:#1e1b3a;color:#ffffff}.row.sel{background:#e11d48;color:#ffffff;font-weight:bold}.row.fav-mark{color:#eab308}.row.sel.fav-mark{color:#ffffff}.row-num{display:inline-block;width:54px;color:#7a7c92;font-size:17px}.row.sel .row-num{color:#ffd7de}.row-sub{float:right;max-width:45%;font-size:16px;color:#8a8ca1;overflow:hidden}.row.sel .row-sub{color:#ffd7de}.scroll{position:absolute;right:2px;width:4px;background:#2c2c3e}.empty{padding:40px 10px;text-align:center;color:#7a7c92;font-size:20px}#ch-cats{position:absolute;left:0;top:0;width:20%;bottom:0}#ch-list{position:absolute;left:21%;top:0;width:36%;bottom:0}#ch-side{position:absolute;left:58%;top:0;right:0;bottom:0}.panel{position:relative;height:100%;background:#0d0d16;border:1px solid #22222f;padding:8px}.epg-now{padding:10px 8px;border-bottom:1px solid #22222f}.epg-title{font-size:19px;color:#ffffff}.epg-time{font-size:16px;color:#9698ac}.bar{height:6px;margin-top:8px;background:#2c2c3e}.bar-fill{height:6px;background:#e11d48}.epg-item{padding:6px 8px;font-size:17px;color:#b9bccd;border-bottom:1px solid #181824}.epg-item.sel{background:#e11d48;color:#ffffff}.epg-item.past{color:#6a6c80}.fit-frame{position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #e11d48}.fit-info{position:absolute;left:8%;top:18%;right:8%;padding:20px 26px;background:#11111a;border:2px solid #2c2c3e}.fit-h{color:#e11d48;margin-bottom:12px}.fit-p{color:#b9bccd;margin:10px 0;line-height:1.4}.fit-row{margin:8px 0;overflow:hidden}.fit-key{display:inline-block;width:4em;color:#ffffff}.fit-name{display:inline-block;width:60%;color:#b9bccd}.fit-val{color:#e11d48;font-weight:bold}.help-text{height:100%;overflow:hidden;padding:6px 10px}.help-h{font-size:26px;color:#e11d48;margin-bottom:16px}.help-row{margin-bottom:10px;overflow:hidden}.help-gap{height:16px}.help-key{display:inline-block;width:26%;min-width:140px;vertical-align:top;line-height:1.35;color:#ffffff}.help-val{display:inline-block;width:70%;vertical-align:top;line-height:1.35;color:#b9bccd}.help-p{margin-bottom:10px;line-height:1.4;color:#b9bccd}.pin-field{text-align:center;letter-spacing:8px;margin:14px 0}.pin-pad{width:300px;margin:0 auto 10px auto}.cell{position:absolute;overflow:hidden;background:#0f0f18;border:2px solid #2c2c3e;border-radius:4px}.cell.sel{border-color:#e11d48;background:#241f4a}.cell-img{display:block;width:100%;background:#181824}.cell-cap{height:46px;padding:4px 8px;font-size:19px;line-height:1.2;overflow:hidden;color:#dfe2ee}.cell.sel .cell-cap{color:#ffffff}.chips{height:42px;overflow:hidden}.chip{float:left;height:32px;margin:0 8px 0 0;padding:0 14px;line-height:32px;font-size:16px;color:#b9bccd;background:#181824;border-radius:16px}.chip.on{color:#ffffff;background:#2c2c3e}.chip.sel{color:#ffffff;background:#e11d48;font-weight:bold}.chip.more{padding:0 6px;color:#7a7c92;background:transparent}.kb{position:relative;margin-top:14px}.kb-key{position:absolute;height:48px;line-height:48px;text-align:center;font-size:20px;color:#dfe2ee;background:#181824;border:2px solid #181824}.kb-key.sel{color:#ffffff;background:#e11d48;border-color:#f43f5e;font-weight:bold}.field{height:54px;padding:0 14px;line-height:52px;font-size:22px;color:#ffffff;background:#0d0d16;border:2px solid #2c2c3e;overflow:hidden;white-space:nowrap}.field.on{border-color:#e11d48}.caret{color:#e11d48}#osd{position:absolute;left:0;bottom:0;width:100%;padding:22px 36px 26px 36px;background:#000000;opacity:0.86;filter:alpha(opacity=86)}#osd .osd-left{float:left}#osd .osd-num{width:120px;font-size:52px;font-weight:bold;line-height:1;color:#e11d48}#osd .osd-now{margin-top:14px}#osd .osd-time{font-size:26px;line-height:1.1;color:#f8fafc;white-space:nowrap}#osd .osd-date{margin-top:2px;font-size:15px;line-height:1.2;color:#8a8ca1;white-space:nowrap}#osd .osd-body{margin-left:130px}#osd .osd-name{font-size:22px;color:#9698ac;overflow:hidden;white-space:nowrap}#osd .osd-title{margin-top:2px;font-size:34px;line-height:1.15;color:#ffffff;overflow:hidden;white-space:nowrap}#osd .osd-when{margin-top:4px;font-size:18px;color:#e11d48}#osd .osd-ts{margin-top:6px;padding:4px 12px;display:inline-block;font-size:24px;font-weight:bold;color:#ffffff;background:#e11d48}.bar{position:relative}.bar-live{position:absolute;top:-4px;width:3px;height:14px;background:#ffffff}#osd .osd-desc{margin-top:8px;height:56px;font-size:21px;line-height:1.35;color:#b9bccd;overflow:hidden}#osd .osd-next{margin-top:6px;font-size:16px;color:#8a8ca1;overflow:hidden;white-space:nowrap}#osd .bar{margin-top:8px}#osd.numeric{padding:40px 36px}#osd.numeric .osd-num{float:none;width:100%;font-size:76px;text-align:center}#osd.numeric .osd-hint{margin-top:10px;text-align:center;font-size:20px;color:#9698ac}.osd-over{position:absolute;left:0;top:0;width:100%;height:100%;background:#08080e;opacity:0.95;filter:alpha(opacity=95)}.ov-head{position:absolute;left:0;top:0;right:0;height:44px;padding:0 20px;line-height:44px;font-size:18px;color:#7a7c92;background:#11111a;border-bottom:2px solid #22222f}.ov-cats{position:absolute;left:12px;top:52px;width:20%;bottom:52px}.ov-list{position:absolute;left:22%;top:52px;width:38%;bottom:52px}.ov-epg{position:absolute;left:61%;top:52px;right:12px;bottom:52px}.ov-foot{position:absolute;left:0;right:0;bottom:0;height:46px;padding:0 20px;line-height:46px;font-size:16px;color:#9698ac;background:#11111a;border-top:2px solid #22222f}#modal{position:absolute;left:0;top:0;width:100%;height:100%;background:#000000}#modal-box{position:absolute;left:50%;top:50%;width:620px;margin-left:-310px;padding:26px 30px;background:#11111a;border:2px solid #2c2c3e;overflow:hidden}#modal-box.wide{left:6%;top:8%;width:88%;height:84%;margin-left:0;padding:30px 36px}.modal-poster{position:absolute;left:36px;top:30px;width:260px;background:#181824}.modal-body{margin-left:0}#modal-box.wide .modal-body{margin-left:292px}.modal-title{font-size:28px;color:#ffffff;margin-bottom:10px}#modal-box.wide .modal-title{font-size:40px;line-height:1.1}.modal-meta{font-size:17px;color:#9698ac;margin-bottom:14px}#modal-box.wide .modal-meta{font-size:22px;color:#e11d48;margin-bottom:18px}.modal-text{font-size:18px;color:#dfe2ee;max-height:200px;overflow:hidden;white-space:pre-wrap}#modal-box.wide .modal-text{font-size:26px;line-height:1.45;color:#dfe2ee;max-height:46%}#modal-box.wide .modal-btns{position:absolute;left:36px;right:36px;bottom:28px}.btn{display:inline-block;height:50px;margin-right:14px;margin-bottom:10px;padding:0 26px;line-height:48px;font-size:20px;color:#dfe2ee;background:#22222f;border:2px solid #22222f}.btn.sel{color:#ffffff;background:#e11d48;border-color:#f43f5e;font-weight:bold}.set-help-val{margin-bottom:14px;font-size:18px;color:#e11d48}.set-help-p{margin-bottom:12px;font-size:17px;line-height:1.4;color:#b9bccd}#dbg{position:absolute;left:0;top:0;width:46%;padding:8px 10px;background:#000000;opacity:0.72;filter:alpha(opacity=72)}.dbg-line{font-size:14px;line-height:1.35;color:#4ade80;overflow:hidden;white-space:nowrap}#picker{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent}.picker-box{position:absolute;left:50%;top:8%;width:620px;height:84%;margin-left:-310px;padding:24px 28px;background:#11111a;border:2px solid #2c2c3e}.picker-list{position:absolute;left:24px;right:24px;top:74px;bottom:56px}.pick-mark{display:inline-block;width:1.3em;color:#e11d48}.picker-hint{position:absolute;left:28px;right:28px;bottom:16px;color:#9698ac}.row.sel .pick-mark{color:#ffffff}.loading{position:absolute;left:40%;top:45%;padding:10px 24px;text-align:center;color:#ffffff;background:#e11d48;border-radius:4px;font-weight:bold}.loading.tail{left:auto;right:12px;top:auto;bottom:8px;margin-left:0;width:auto;padding:6px 16px;opacity:0.9;filter:alpha(opacity=90)}#toast{position:absolute;left:auto;right:3%;top:3%;max-width:50%;padding:10px 20px;text-align:center;font-size:20px;color:#ffffff;background:#e11d48;border:0;border-radius:4px}.ch-row{position:relative;padding:0;white-space:normal}.ch-logo{position:absolute;left:10px;top:50%;height:34px;width:auto;max-width:60px;margin-top:-17px}.ch-num{position:absolute;left:78px;top:50%;width:44px;margin-top:-13px;line-height:26px;font-size:19px;color:#7a7c92}.ch-name{margin:0 96px 0 130px;padding-top:8px;line-height:1.15;font-size:22px;color:#dfe2ee;overflow:hidden;white-space:nowrap}.ch-fav{margin-right:6px;color:#eab308}.ch-now{margin:2px 96px 0 130px;line-height:1.15;font-size:17px;color:#9698ac;overflow:hidden;white-space:nowrap}.ch-at{display:inline-block;min-width:3.2em;margin-right:0.6em;color:#8a8ca1}.ch-arch{position:absolute;right:14px;top:50%;width:12px;height:12px;margin-top:-6px;background:#eab308;border-radius:6px}.row.sel .ch-arch{background:#ffd7de}.ch-dvr{position:absolute;right:12px;top:50%;margin-top:-0.7em;padding:0 6px;line-height:1.4;color:#eab308;border:1px solid #6b5b12;border-radius:3px}.row.sel .ch-dvr{color:#ffd7de;border-color:#ffd7de}.ch-bar{position:absolute;left:130px;right:12px;bottom:7px;height:4px;background:#2c2c3e}.ch-fill{height:4px;background:#e11d48}.row.on .ch-name{color:#ffffff}.row.sel .ch-name{color:#ffffff;font-weight:bold}.row.sel .ch-num,.row.sel .ch-now,.row.sel .ch-at{color:#ffd7de}.row.sel .ch-fav{color:#ffffff}.row.sel .ch-bar{background:#f16b86}.row.sel .ch-fill{background:#ffffff}.epg-days{height:40px;overflow:hidden;padding:4px 0 0 0;border-bottom:1px solid #22222f}.epg-listbox{position:absolute;left:8px;right:8px;top:84px;bottom:34%}.epg-detail{position:absolute;left:8px;right:8px;bottom:8px;height:32%;padding-top:8px;overflow:hidden;border-top:1px solid #22222f}.epg-d-title{font-size:20px;color:#ffffff;overflow:hidden;white-space:nowrap}.epg-d-when{font-size:15px;color:#e11d48;margin:2px 0 6px 0}.epg-d-text{font-size:19px;line-height:1.4;color:#b9bccd;overflow:hidden}.epg-row{height:46px;padding:0 8px;line-height:46px;font-size:18px;color:#dfe2ee;overflow:hidden;white-space:nowrap;border-bottom:1px solid #181824}.epg-row.on{background:#1e1b3a;color:#ffffff}.epg-row.sel{background:#e11d48;color:#ffffff;font-weight:bold}.epg-row .epg-mark{display:inline-block;width:1.4em;color:#22c55e}.epg-row.sel .epg-mark{color:#ffffff}.epg-row .epg-at{display:inline-block;min-width:3.2em;margin-right:0.7em;color:#8a8ca1}.epg-row.sel .epg-at{color:#ffd7de}.epg-row.live .epg-at{color:#e11d48}.epg-row.sel.live .epg-at{color:#ffffff}.epg-row.future{color:#9698ac}