html,body {
	position:relative;
	height:100%;
}
*{padding: 0;margin: 0;}
.hidden{display: none;}
.main{width: 100%;}
ul{list-style: none;width: 100%;}
/*日期*/
.main-left{width:20%;float:left;overflow-y: auto;}
.main-left::-webkit-scrollbar {display: none;}
.time-list li{width: 100%;padding: 18% 0;margin-bottom:1.5%;text-align: center;background-color: #F5F5F5;}
.time-list .time-active{color: #FFFFFF;background-color: #59ADFF;}
/*节目单*/
.main-right{width:80%;overflow-y: auto;}
.main-right::-webkit-scrollbar {display: none;}
.program-list li{width: 100%;border-bottom:1px solid #F9F9F9;padding: 6% 0;display:-webkit-box;display:flex;display:-webkit-flex;display:-ms-flexbox;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.program-list li .li-left{text-align:center;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.program-list li .li-left img{width: 35%;vertical-align: middle;}
.program-list li .li-mid{-webkit-box-flex: 4;-webkit-flex: 4;-ms-flex: 4;flex: 4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.program-list li .li-right{text-align:center;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.program-list li .li-right img{width: 60%;vertical-align: middle;}
.program-active{color: #DB4919;}
.program-after{color: #A0A0A0;}
.program-before{color: #0EADE7;}