.live-nav { position: relative; padding: 15px 0 20px; margin-bottom: 35px; border-bottom: 1px solid #dbdbdb; }

.live-nav-item { display: inline-block; height: 30px; padding: 0 20px; margin: 0 22px 0 8px; line-height: 28px; border: 1px solid #ccc; border-radius: 14px; text-align: center; font-weight: 600; font-size: 14px; color: #a0a0a0; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.live-nav-item:hover, .live-nav-item.is-active { background-color: #d4001a; border-color: #d4001a; color: #fff; }

.live-main { position: relative; }

.live-list { margin-bottom: 30px; }

.live-item { position: relative; width: 220px; margin: 0 25px 30px 0; }

.live-item-box { position: relative; display: block; margin-bottom: 20px; }

.live-item-pic { width: 220px; height: 150px; -o-object-fit: cover; object-fit: cover; }

.live-item-title { font-weight: normal; font-size: 16px; }

.live-item-status { position: absolute; right: 0; bottom: 15px; display: block; width: 64px; height: 28px; }

.live-item-link { -webkit-transition: color .3s ease-out; transition: color .3s ease-out; }

.live-item-link:hover { color: #d4001a; }

.live-item:nth-of-type(5n) { margin-right: 0; }

.live-item-active .live-item-status { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAcCAYAAADRJblSAAACKElEQVRYheXZPYsUQRAG4GfX4eAODPQEY1HxF5yBX5icgSIYmS0K+hcULjYRjbxUA+FMRDMRwctMTDQX1J+wmMgFgmjQzjk2PV97Ozvn7gvLznR1d1W9XdU1PTNYfntYDQY4jys4ixM4hKW6gf8DsgrZEDexITg9lygj4BieY22GtvSCFAEX8QJHZmtKP4gJuIRX5iS/m2BYuD6FlxbIef4ScABbODjNyXfWx3vut7M+3v1NS18ReQrcsA82vJQDK9urnerMhDq/sdeJythv49TK9qqd9fGuvDi22D4tfQQCLphCnU8piY1OyeO+MQlV88RtqX51aZHhcmWPFkgpi9uKBhZXOl711H8X6ZDhTInsB+7gGX5hhIdqqkTTFa8anzsb/3eBDCdLZHexWbjfxDLuV004yU6cjytztksSMuFgk8JWou2xGgLaRkDelnIyvu6ChKrD0ERoEwHFVcc/1yk02eDaRmCGbziakI3wKGq7XTdhmwioKod5/1RJLBs/aRX4LE3AA2Hzy1NhhHuVszVQ2ARxeUyhaSrU9cvwHucSsiUhAuIomFhhU3KaRsA0kOG1UO72DZpEwLSQ4R2+2MPTYBuDm2x4ZU+VXWDw553gLTzpRMM+R34cfooPPdrRG3ICfgq7/PcebekFxTdCn3BdOAMsDIbR/Rtcs0CREBNAIGENH2dsSy9IEUBIh9NCdfg6O3Nmj0GDT2ND4UnxqvDu4Lg5+jT2G2t84CDxnT/EAAAAAElFTkSuQmCC); }

.live-item-over .live-item-status { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAcCAYAAADRJblSAAAB9ElEQVRYheXYO4sUQRDA8d+OwxkZCIKhJ/j4BBooPiIDTYzMFgX9AF6gcImJmQpypooIZyKaiVxu4CWaH6hganImBp7gI+gdbIaZ292Z2W139w/DDlNT3VW1XVXd0/tx85Ah9HAGl3AaR7AfS8MUZ4F8F1mGa1gVnJ5L6gJwGC9wYoq2JKEqAOfxEgema0oaygG4gNfmJL9HIYvuj+OVBXKefwHYg3XsS2hLEooUuGpCBW/vwy9jvb+zslyrt7OyXDteoTcuudDnVxtpj8ioxpWdq9KLA9TU6ZgMZ81Yn+/KecIKuNjJSCPQZPnGOnEKlJ83JcepGtlP3MJz/EEf97XsEmVjR6kR5dyPxxi3xpTJcLRGdhuPsI1vg/s7rWbrkLaOF2TCwaaK9YpnjzuZ9T8iG/5Kerr6t6vIheV9sELWx1rp2Y22EzZxpquKX0WOj6oDcE8ofkUq9HG3zWRtHOmy9cVk2KyRLQkrYHtwrUl0ToidLzpC/NuGHG+Edjcx2uZwue1VBaMpOd7ikwnuBsfdCpedjOVdp0Fv8E3wOp50OvKMULTBZ3if0I5kFAH4JVT57wltSUK8EdrCFeEMsDCUd4IbuGyBVkLVVnhD+Dr0Ycq2JKHuLLCFk0J3+Dw9c6bPboeh33iKYziHB3iHr+aoTvwFzi+HC4/jjzYAAAAASUVORK5CYII=); }

.live-item-preview .live-item-status { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAcCAYAAADRJblSAAAB9UlEQVRYheXYPYvUQBzH8U/WsGBhcSBYCz68grNQfKgstLHZdIuCvgUFaxtRm7tWEeFsPO1E7C200V58eAE22tjcgg9FNpgLSTZ7m0y83S8sO5NJJv/fL5n5zyTaGY3MIMJZXMYZHMMahrMu3A/ENW0DXMNtqeilpMqAo3iG9YCx9EKZARfwHIfDhtIPRQMu4qUlGd9NGOTKJ/HCConnnwEHsIVDPcZSy3B7u5N+syFwVcsTXlnAkySpFTJJkl3X5+tdEe2MRhE+6TjVlQmqE9nkibdhUIxzOhKfCdyL+HnOX4QYl1rvdUqd+Px/dm5ZuWtinK5om+AmnuIPxrivYZbIi8vKVSLLzp3V565AFzAsxvGKtlvYzNU3cRB3m3ScBZUfBkXK3o6QT580Da5VtG2VHHu41xuFFtaUus1Qr4TMAj9wpKRtjI3CsRsL33EO6gS2tTCK8Vm5Afekk182FMa408pd/yMGeFfRNpS+Ad+nvw0t7RPy6THUiq+KGK+k6S4YedF1JnS1/s8T4w2+aHk1WBX8PE88xBwQTb8JXsejVnrcZ2Tb4Sd432McvZEZ8Es6y//sMZZeyH8R+ohEugdYGQaF+mtcsUJvQtEAUhPW8SFwLL1QZgDpcDglzQ5fw4UTnioD4Dce4wTO4wHe4pslmif+AsLhmAasSXqgAAAAAElFTkSuQmCC); }

.pagination { margin-bottom: 50px; }