.tv-channel-title ul li a {
    height: 32px;
    line-height: 32px;
    width: 109px;
    border-right: 1px solid #ccc;
}
.tv-channel-title ul li:last-child a{
    border: none;
}
.times{
    /* height:51px; */
    margin-top: 8px;
    background:rgba(242,242,242,1);
    border:1px solid rgba(240,240,240,1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 70px 0;
    /* box-sizing: border-box; */
}
.times .col{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size:12px;
}
.times .col .week{
    padding: 3px 8px;
    color: #333333;
}

.times .col .week:hover{
    cursor: pointer;
}

.times .col .active{
    background:rgba(224,27,60,1);
    color: #fff;
}
.times .col .date{
    color: #E01B3C;
    padding: 7px 0;
}
.tv-channel-main {
    padding: 16px 0 34px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tv-channel-main .left_menu{
    width:240px;
}
.tv-channel-main .left_menu>ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.left_menu>ul .item{
    height: 58px;
    background:rgba(240,240,240,1);
    border: 1px solid #fff;
    line-height: 58px;
    text-align: center;
}
.left_menu>ul .item>a{
    color: #333;
}
.left_menu>ul .active{
    background:#fff;
    border: 1px solid rgba(242,242,242,1);
}
.left_menu>ul .item img{
    display: inline-block;
    max-height: 24px;
    max-width: 48px;
    vertical-align: middle;
}
.right_content{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.right_content .title_bar{
    height: 58px;
    line-height: 58px;
    border-top:  1px solid rgba(242,242,242,1);
    border-bottom:  1px solid rgba(242,242,242,1);
    padding: 0 45px;
}
.title_bar:after{
	content:'';
	display:block;
	clear:both;
}
.right_content .title_bar .title{
    font-size:18px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    float: left;
}
.right_content .title_bar .play{
    float: right;
    font-size:16px;
    color:rgba(89,89,89,1);
}
.right_content .title_bar .play>img{
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 5px;
}
.right_content .show_list{
    padding: 10px 0 0 24px;
}
.right_content .show_list .opt{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.right_content .show_list .opt::after{
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #E4E4E4;
    z-index: 1;
}
.show_list .opt .item{
    width:104px;
    height:54px;
    line-height: 54px;
    text-align: center;
    border:1px solid #E4E4E4;
    border-bottom:none;
    font-size:18px;
    color:#333333;
    z-index: 2;
}
.show_list .opt .active{
    border-color: rgba(224,27,60,1);
    border-bottom:2px solid #fff;
    color: #E01B3C;
}
.show_list>ul{
    list-style: none;
    margin: 0;
    padding: 0 30px 0 0;
}
.show_list>ul>.row{
    font-size:16px;
    cursor: pointer;
    position: relative;
}
.show_list>ul>.row>a{
    display: block;
    padding: 25px;
    color:rgba(51,51,51,1);
    clear: both;
    overflow: hidden;
}
.show_list>ul>.row>a:hover{
    color: #2a9aeb;
}
.show_list>ul>.row .time{
    margin-right: 94px;
}
.show_list>ul>.active{
    background:rgba(242,242,242,1);
}
.show_list>ul>.row .showing{
    width:103px;
    height:36px;
    line-height: 36px;
    text-align: center;
    background:linear-gradient(106deg,rgba(224,27,60,1),rgba(224,27,60,1),rgba(253,104,50,1));
    border-radius:18px;
    font-size:16px;
    color:#fff;
    margin-right: 42px;
}
.show_list>ul>.row .play{
    position: absolute;
    padding: 0;
    height: 100%;
    top: 0;
    right: 30px;
    font-size:16px;
    color:rgba(89,89,89,1);
    line-height: 90px;
    text-align: center;
}
.show_list>ul>.row .play>img{
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 5px;
}
.show_list>ul>.row:hover>.play{
    color:rgba(89,89,89,1);
}