#program-banner{position:relative;padding:75px 40px 30px}@media (min-width: 992px){#program-banner{padding:50px 44px}}#program-banner iframe{width:100%!important}#program-banner .bg{position:absolute;top:0;left:0;width:100%;height:368px;background:transparent linear-gradient(180deg,#87E2F0 0%,rgba(255,255,255,0) 100%) 0% 0% no-repeat padding-box;opacity:.4}#program-banner .share-btns .share-btn{background-color:#666;border-radius:8px;width:42px;height:42px;justify-content:center;align-items:center;margin:0 2px 5px;cursor:pointer;text-decoration:none;transition:all .2s}#program-banner .share-btns .share-btn:hover{transform:translateY(-4px)}@media (min-width: 992px){#program-banner .program-photo{padding-right:20px}}#program-banner .program-photo img{width:180px;height:180px;border-radius:10px;-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto 20px}@media (min-width: 992px){#program-banner .program-photo img{width:234px;height:234px;margin:0}}#program-banner .year-list .active{background:#000;color:#fff}#program-banner h1{font-size:28px;line-height:33px;font-weight:700;margin-bottom:10px}@media (min-width: 992px){#program-banner h1{font-size:52px;line-height:58px;margin-bottom:6px}}#program-banner .djs .item{margin-right:15px;margin-bottom:10px;font-size:15px}@media (min-width: 992px){#program-banner .djs .item{margin-right:20px;font-size:24px}}#program-banner .djs img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:10px}@media (min-width: 992px){#program-banner .djs img{width:45px;height:45px}}#program-banner .desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:72px;line-height:24px}#program-banner .desc *{color:#454545}#program-banner .desc.open{display:block;height:auto}#program-banner .desc p{font-size:16px;line-height:24px}#program-banner .arrow img{width:30px;display:block;margin:10px auto 0;cursor:pointer;transition:all .2s}#program-banner .arrow.open img{transform:rotate(180deg)}#program-banner .subscribe{display:flex}@media (min-width: 992px){#program-banner .subscribe{position:absolute;bottom:40px;left:900px}}#program-banner .subscribe img{width:30px;cursor:pointer;margin-right:10px;background-color:#fff;border-radius:50%}#program-detail{padding:27px 15px 60px;position:relative;max-width:1000px}@media (min-width: 992px){#program-detail{padding:20px 44px 96px}}#program-detail h1{font-size:30px;margin-bottom:23px;line-height:1.4}@media (min-width: 992px){#program-detail h1{font-size:49px;margin-bottom:14px}}#program-detail table{width:100%;border-collapse:collapse}@media (min-width: 992px){#program-detail table tr:not(:first-child):hover{background:#ebebeb}}#program-detail table tr:not(:first-child):hover .num span{opacity:0}#program-detail table tr:not(:first-child):hover .num .play-icon{opacity:1;cursor:pointer}#program-detail table th{text-align:left;padding:10px 0;border-bottom:1px solid gray;white-space:nowrap}#program-detail table td{border:none;padding:15px 5px;font-size:12px;vertical-align:middle;border-bottom:1px solid #ebebeb}@media (min-width: 992px){#program-detail table td{padding:15px 0;font-size:16px}}#program-detail table td:first-child,#program-detail table th:first-child{border-radius:5px 0 0 5px}#program-detail table td:last-child,#program-detail table th:last-child{border-radius:0 5px 5px 0}#program-detail table .program-info{max-width:540px}#program-detail table .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:auto;opacity:0}#program-detail table img{display:block;width:48px;height:48px;-o-object-fit:cover;object-fit:cover;margin-right:20px;border-radius:5px}@media (min-width: 992px){#program-detail table img{width:112px;height:112px;margin-right:11px}}#program-detail table .name{font-size:16px;word-break:break-all}@media (min-width: 992px){#program-detail table .name{font-size:16px}}#program-detail table .tag{text-align:center;line-height:1;font-size:14px;margin-top:3px;margin-bottom:3px;white-space:nowrap;color:#b3b3b3;transition:color .1s}#program-detail table .tag:hover{color:#d9d9d9}#program-detail table .tag a{display:block}#program-detail table .date{color:#a2a2a2;font-size:12px;word-break:break-all}#program-detail .pagination{margin:30px 0 50px}#program-detail .comments{background:#fff;border-radius:20px;margin-top:30px;padding:10px}@media (min-width: 992px){#program-detail .comments{padding:20px}}.dark #program-banner .year-list .active{background:#fff;color:#000}.dark #program-banner .desc *{color:#fff}@media (min-width: 992px){.dark #program-detail table tr:not(:first-child):hover{background:rgba(255,255,255,.2)}}.dark #program-detail table td{border-bottom:1px solid rgba(255,255,255,.2)}