@charset "utf-8";

.st_onair { position:relative; }
.st_onair .onair_box { position:relative; width:100%; padding-bottom:56.28%; }
.st_onair .onair_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.st_onair .badge_onair { position: absolute; top: 10px; left: 10px; width: 77px; height: 22px; background: url(../img/badge_onair.png) 0 0 no-repeat; background-size: 100% auto; }

.st_today_program { padding:22px 20px 30px; background-color:#212a87; }
.st_today_program .h_title { display: flex; justify-content: space-between; align-items: flex-end; }
.st_today_program .h_title strong { font-size:22px; color:#fff; font-weight:600; }
.st_today_program .h_title span { font-size:12px; color:#8c96ff; }
.st_today_program .prg_box { margin-top:18px; }
.st_today_program .prg_box li + li { margin-top:5px; }
.st_today_program .prg_box li { display: flex; align-items: center; background-color:#fff; border-radius:8px; height:70px; }
.st_today_program .prg_box li .time { width:90px; font-size:14px; color:#666; padding-left:15px; }
.st_today_program .prg_box li .tit { width:calc(100% - 150px); font-size:17px; line-height:25px; font-weight:600; box-sizing:border-box; padding-right:10px; }
.st_today_program .prg_box li .p_home { width:30px; height:30px; background:url(../img/btn_p_home.png) no-repeat center / 100%; background-size:15px auto; border-radius:50%; margin-right:15px; }
.st_today_program .prg_box li.onair { border:2px solid #ff0033; box-sizing:border-box; }
.st_today_program .prg_box li.onair .time { color:#ff0033; }
.st_today_program .prg_box li.onair .time::before { content:""; clear:both; display:block; width:77px; height:22px; background: url(../img/badge_onair.png) center no-repeat; background-size:100% auto; margin-bottom:5px; }
.st_today_program .prg_box li .tit { width:calc(100% - 150px); }
.st_today_program .prg_box li.onair .p_home { margin-right:13px; }
.st_today_program .prg_more { width:140px; height:40px; box-sizing:border-box; border:1px solid #fff; border-radius:20px; margin:20px auto 0; }
.st_today_program .prg_more a { display:block; width:100%; line-height:38px; text-align:center; font-size:14px; color:#fff; }
.st_today_program .prg_more a i { display: inline-block; width: 7px; height: 11px; margin:-2px 0 0 5px; vertical-align: middle; overflow: hidden; text-indent: -99999px; background: url(../img/btn_more_2.png) no-repeat; background-size: 100% auto; }

.st_major_news { margin-top:15px; padding:22px 20px 10px; }
.st_major_news h3 { font-size:22px; font-weight:700; }
.st_major_news .news_01 { margin-top:14px; }
.st_major_news .news_01 li { border-bottom:1px solid #dfdfdf; }
.st_major_news .news_01 li .thumb { padding-bottom:59.706%; }
.st_major_news .news_01 li .tit { font-size:18px; line-height:56px; -webkit-line-clamp: 1; }
.st_major_news .news_01 li:nth-child(1) .tit { font-size:20px; line-height:28px; -webkit-line-clamp: 2; margin:10px 0 20px; }
.st_major_news .news_02 li + li { border-top:1px solid #dfdfdf; }
.st_major_news .news_02 li { padding:15px 0; }
.st_major_news .news_02 li a { display: flex; align-items: center; justify-content: space-between; }
.st_major_news .news_02 li .thumb { width:115px; height:75px; }
.st_major_news .news_02 li .tit { width:calc(100% - 125px); font-size:18px; line-height:25px; }

.st_koiners { margin-top:15px; padding:25px 20px 25px; }
.st_koiners h3 { font-size:22px; font-weight:700; }
.st_koiners h3 i { display: inline-block; width: 8px; height: 15px; margin:-4px 0 0 8px; vertical-align: middle; overflow: hidden; text-indent: -99999px; background: url(../img/btn_more.png) no-repeat; background-size: 100% auto; }
.st_koiners .coin_lst { border-top:1px solid #aaa; margin-top: 15px; }
.st_koiners .coin_lst li { width: 100%; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; border-bottom:1px solid #dfdfdf; padding:15px 0; }
.st_koiners .coin_lst li .name { position: relative; display: flex; width: 50%; align-items: center; }
.st_koiners .coin_lst li .name i { width: 50px; height: 50px; margin-right: 10px; flex-shrink: 0; }
.st_koiners .coin_lst li .name strong { font-size: 17px; text-align:left; }
.st_koiners .coin_lst li .name strong em { display: block; font-size: 17px; color: #999; font-weight:400; margin-top: 2px; }
.st_koiners .coin_lst li .num { position: relative; display: flex; flex-direction: column; text-align: right; width: 50%; }
.st_koiners .coin_lst li .num.red { color: #f94040; }
.st_koiners .coin_lst li .num.blue { color: #1079ff; }
.st_koiners .coin_lst li .num.gray { color: #333; }
.st_koiners .coin_lst li .num strong { font-size: 18px; font-weight:600; }
.st_koiners .coin_lst li .num span { font-size: 15px; margin-top: 8px; }
.st_koiners .coin_lst li .num span em { margin-left: 10px; font-weight:500; }
.st_koiners .coin_lst li .num.red i { content: ''; display: inline-block; width: 9px; height: 6px; background: url(../img/ico_up.png) no-repeat center / 100%; margin:0 3px 1px 0; }
.st_koiners .coin_lst li .num.blue i { content: ''; display: inline-block; width: 9px; height: 6px; background: url(../img/ico_down.png) no-repeat center / 100%; margin:0 3px 1px 0; }
.st_koiners .coin_lst li.btc .name i { background: url(../img/ico_coin_btc.png) 0 0 no-repeat; background-size: 100% auto; }
.st_koiners .coin_lst li.eth .name i { background: url(../img/ico_coin_eth.png) 0 0 no-repeat; background-size: 100% auto; }
.st_koiners .coin_lst li.usdt .name i { background: url(../img/ico_coin_usdt.png) 0 0 no-repeat; background-size: 100% auto; }
.st_koiners .coin_lst li.ada .name i { background: url(../img/ico_coin_ada.png) 0 0 no-repeat; background-size: 100% auto; }
.st_koiners .coin_lst li.trx .name i { background: url(../img/ico_coin_trx.png) 0 0 no-repeat; background-size: 100% auto; }
.st_koiners .coin_lst li.bch .name i { background: url(../img/ico_coin_bch.png) 0 0 no-repeat; background-size: 100% auto; }
.st_koiners .source { display:block; width:80px; height:12px; background: url(../img/koiners_source.png) no-repeat; background-size: 100% auto; margin-top:14px; margin-left:auto; }

.st_program { margin-top:15px; padding:23px 0 25px; }
.program_tab .tab_menu { display: flex; margin: 0 20px; border-bottom: 1px solid #aaa; padding-bottom: 15px; }
.program_tab .tab_menu li + li { margin-left: 15px; }
.program_tab .tab_menu li:nth-child(2)::before { content: ''; float:left; width:1px; height:20px; background-color:#dfdfdf; margin:2px 15px 0 0; }
.program_tab .tab_menu button { font-size:22px; font-weight: 600; color: #ccc; letter-spacing: -0.5px; }
.program_tab .tab_menu button.active { color: #111; }
.program_tab .tab_box { position: relative; margin-top: 15px; }
.program_tab .tab_box .info { font-size: 16px; line-height: 23px; font-weight:400; margin:0 20px; }
.program_tab .tab_box .info a { display: block; width: 110px; height: 30px; line-height: 30px; font-size: 15px; color: #fff; text-align: center; background-color: #212a87; border-radius: 15px; margin-top: 10px; }
.program_tab .tab_box .swiper { margin-top: 30px; }
.program_tab .tab_box .swiper .swiper-slide { width:100%; overflow:hidden; }
.program_tab .tab_box .swiper .swiper-slide a img { width:100%; }
.program_tab .tab_box .swiper-button-next { width:45px; height:45px; background:url(../img/swiper_next.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:50%; right:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.program_tab .tab_box .swiper-button-next svg { display:none; }
.program_tab .tab_box .swiper-button-next.swiper-button-disabled { display:none; }
.program_tab .tab_box .swiper-button-prev { width:45px; height:45px; background:url(../img/swiper_prev.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:50%; left:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.program_tab .tab_box .swiper-button-prev svg { display:none; }
.program_tab .tab_box .swiper-button-prev.swiper-button-disabled { display:none; }

.st_shorts { margin-top:15px; padding:23px 0 25px; }
.st_shorts h3 { font-size:22px; font-weight:700; margin: 0 20px; }
.st_shorts .shorts_swiper { margin-top: 12px; padding-left: 20px; padding-right: 20px; }
.st_shorts .shorts_swiper .swiper-slide { border-radius:15px; overflow:hidden; }
.st_shorts .shorts_swiper .swiper-slide a { position:relative; }
.st_shorts .shorts_swiper .swiper-slide a .thumb { padding-bottom:177.14%; }
.st_shorts .shorts_swiper .swiper-slide a .thumb img { width:auto; height:100%; }
.st_shorts .shorts_swiper .swiper-slide a .txt_area { display:flex; flex-wrap:wrap; align-items: flex-end; position:absolute; left:0; bottom:0; width:100%; height:140px; background: linear-gradient(to top, rgba(0, 0, 147, 0.8) 0%, rgba(0, 0, 147, 0.6) 50%, rgba(0, 0, 0, 0) 70%); box-sizing:border-box; padding:55px 15px 15px; }
.st_shorts .shorts_swiper .swiper-slide a .txt_area .tit { font-size:16px; line-height:23px; color:#fff; }
.st_shorts .shorts_swiper .swiper-slide a .txt_area .time { font-size:13px; color:#8888ff; }
.st_shorts .swiper-button-next { width:40px; height:40px; background:url(../img/swiper_next.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:50%; right:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.st_shorts .swiper-button-next svg { display:none; }
.st_shorts .swiper-button-next.swiper-button-disabled { display:none; }
.st_shorts .swiper-button-prev { width:40px; height:40px; background:url(../img/swiper_prev.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:50%; left:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.st_shorts .swiper-button-prev svg { display:none; }
.st_shorts .swiper-button-prev.swiper-button-disabled { display:none; }

.st_vod { margin-top:15px; padding:25px 20px 5px; }
.st_vod h3 { font-size:22px; font-weight:700; }
.st_vod h3 i { display: inline-block; width: 8px; height: 15px; margin:-4px 0 0 8px; vertical-align: middle; overflow: hidden; text-indent: -99999px; background: url(../img/btn_more.png) no-repeat; background-size: 100% auto; }
.st_vod li + li { border-top: 1px solid #dfdfdf; }
.st_vod li { padding: 20px 0; }
.st_vod li:nth-child(1) { padding-top:15px; }
.st_vod li a { position: relative; }
.st_vod li .thumb { width: 100%; padding-bottom: 55.823%; }
.st_vod li .num { position: absolute; left: 0; top: 0; width:40px; height:40px; background-color: #212a87; font-size: 25px; color: #fff; line-height: 40px; text-align: center; font-style: italic; font-weight: 600; }
.st_vod li .tit { font-size:18px; line-height:25px; padding-top:10px; }
.st_vod li .date { display:block; font-size:14px; color:#888; font-weight:400; margin-top:10px; }

.st_prgm { position: relative; margin-top:15px; padding:25px 20px 25px; }
.st_prgm h3 { font-size:22px; font-weight:700; }
.st_prgm .prgm_swiper { margin-top: 15px; }
.st_prgm .prgm_swiper li .thumb { width:100%; padding-bottom: 50%; }
.st_prgm .prgm_swiper li .txt_area { background-color:#fff; box-sizing:border-box; border:1px solid #eee; border-top:0; padding:18px 19px 20px; }
.st_prgm .prgm_swiper li .txt_area .ctg { display: block; font-size: 25px; font-weight: 600; }
.st_prgm .prgm_swiper li .txt_area .time { display:inline-block; height:30px; line-height:30px; background-color:#212a87; font-size:15px; color:#fff; font-weight:400; padding:0 10px; margin-top:8px; }
.st_prgm .prgm_swiper li .txt_area .tit { font-size:17px; line-height:24px; font-weight:400; margin-top:10px; }
.st_prgm .swiper-button-next { width:40px; height:40px; background:url(../img/swiper_next.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:56%; right:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.st_prgm .swiper-button-next svg { display:none; }
.st_prgm .swiper-button-next.swiper-button-disabled { display:none; }
.st_prgm .swiper-button-prev { width:40px; height:40px; background:url(../img/swiper_prev.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:56%; left:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.st_prgm .swiper-button-prev svg { display:none; }
.st_prgm .swiper-button-prev.swiper-button-disabled { display:none; }