/* --- list --- */
.live_list{margin-bottom: 10px;}
.live_list .list{padding: 20px; padding-bottom: 0;}
.live_list .item{width: 23.9%; margin-left: 16px; margin-bottom: 20px;}
.live_list .item:nth-child(4n+1){margin-left: 0;}
.live_list .item .pic {margin-bottom: 20px; height: 240px; position: relative; overflow: hidden;}
.live_list .item .pic a{display: block; height: 100%;}
.live_list .item .pic img{width: 100%; height: 100%; border-radius: 8px;}
.live_list .item h3{margin-bottom: 8px; font-weight: bolder; font-size: 16px;}
.live_list .item .time{color: #FF6A6A; margin-bottom: 16px;}
.live_list .item .time.end{color: #999;}
.live_list .item .see{position: absolute; right: 0; top: 0; width: 100%; background-color:rgba(0,0,0,0.5); color: #fff; width: 100px; text-align: center; height: 28px; line-height: 28px; border-radius: 0 8px 0 8px;}
.live_list .item .state{margin-top: 12px; display: none;}
.live_list .item .state em{padding: 4px 8px; border-radius: 4px;}
.live_list .item .state em.wait{ background: #FF6A6A; color: #fff;}