*{margin:0;padding:0}
a{text-decoration:none}
i{font-style:normal}
body,html{background:#f2f2f2;font-family:"Exo 2",serif}
header{width:100%;background:#fff}
header .logo{line-height:50px;font-size:24px;font-weight:bold;font-family:'Bruno Ace',serif;text-align:center;background:#fed900}
header .logo a{color:#000}
header .logo a i{color:#f30;}
header .nav{max-width:1200px;width:100%;margin:0 auto;line-height:50px;font-size:18px}
header .nav ul{display:flex;justify-content:space-between;list-style-type:none}
header .nav ul li{text-align:left;position:relative;word-break:keep-all;flex:0}
header .nav ul li a{color:#000;display:block;white-space:nowrap}
header .nav ul li a.on,header .nav ul li a:hover{color:red}
.container{max-width:1200px;width:100%;background:#fff;margin:15px auto 0 auto}
.date-tip{border-left:5px solid #b3b3b3;padding:10px 15px;line-height:24px;font-size:18px;color:#000;background:#e3e3e3}
.container .tit{font-family:'Bruno Ace',serif}
.container .tit a{color:#000;display:inline-block;background:#fed900;margin-left:15px;padding:8px 15px;font-size:16px}
.container .tit a:hover{color:#f30}
.container ul{padding:10px 0 0 0}
.container ul li{display:flex;list-style-type:none;padding:10px 15px;border-bottom:1px solid #f2f2f2}
.container ul li:last-child{border-bottom:none;}
.container ul li .time{display:inline-block;}
.container ul li .time i{background:#000; color:#fed900; border-radius:100px;width: 56px; height: 22px; line-height: 20px; text-align: center; display: inline-block;}
.container ul li .event{display: inline-block; margin-left: 15px;}
.container ul li .channel{padding:5px 0 5px 0}
.container ul li .channel a{font-style:normal;font-size:13px;background: #ddd; color:#333;padding:6px 8px;margin:8px 15px 0 0;display:inline-block;border-radius:10px 0 10px 0}
.container ul li .channel a:hover{background:#fed900; color:#f30;}
footer{max-width:1200px;width:100%;padding:20px 0 30px 0;line-height:30px;text-align:center;margin:0 auto;color:#666}
@media (max-width:1200px){
    header .nav ul{padding:0 5px}
}
@media (max-width:850px){
    .date-tip{font-size:16px;padding:10px;}
    header .nav ul{overflow:scroll;padding:0}
    header .nav ul li a{padding:0 12px;font-size:16px}

    .container .tit a{padding:6px 10px;font-size:16px;margin-left: 0;}
    .container ul{padding:5px 0}
    .container ul li{padding:6px 8px;}
    .container ul li .event{margin-left: 8px;}
}