.channel-page{padding:45px 0}.channel-page .com-width{position:relative;padding:100px 60px 60px 40px;background:#fff}.channel-page .channel-tle{position:absolute;top:20px;left:-10px;padding:10px 16px;line-height:1;color:#fff;background:#f60}.channel-page .channel-tle span{margin-right:10px}.channel-page .channel-list{display:flex;flex-wrap:wrap;width:1070px}.channel-page .channel-list>li{width:25%;padding:0 12px 0 16px;margin-bottom:30px}.channel-page .channel-list>li .name{position:relative;display:block;font-size:15px}.channel-page .channel-list>li .name:before{position:absolute;top:7px;left:-13px;display:block;content:"";border:3px solid transparent;border-left-color:#333}.channel-page .channel-list>li .name:hover{color:#f60}.channel-page .channel-list>li .name .ellipsis{display:block}.channel-page .channel-list>li ul{display:flex;flex-wrap:nowrap;align-items:center;margin-top:12px}.channel-page .channel-list>li ul li{flex:0 0 auto;padding-right:6px;margin-left:6px;font-size:12px;line-height:1.2;white-space:nowrap;border-right:1px solid #e5e5e5}.channel-page .channel-list>li ul li:last-child{padding-right:0;border-right:0}.channel-page .channel-list>li ul li:first-child{margin-left:0}.channel-page .channel-list>li ul a{display:block;color:#b6b6b6;white-space:nowrap}.channel-page .channel-list>li ul a:hover{color:#f60}