@CHARSET "UTF-8";
div.ke-content >div.list a{border-radius: 8px; overflow: hidden; margin: 0 56px 56px 0;position: relative;display: inline-block; width: calc(50% - 28px); height:calc(25vw + 51px);}
div.ke-content >div.list a:nth-child(2n){margin-right: 0;}
div.ke-content >div.list img{width: 100%;height: 100%; object-fit: cover;}
div.ke-content >div.list a span{font-size: 24px;font-weight: bold;line-height: 32px;display: flex;width:174px;flex-direction: column;
position: absolute;right: 24px;bottom: 56px;z-index: 2;color: #FF5722;}
div.ke-content >div.list a span:after{content: '';width: 32px;height: 8px;background: #FF5722;margin-top: 8px;display: block;}
div.ke-content >div.list a:before{content:'';background: rgba(25, 9, 125, 0.8);width: 100%;height: 100%;position: absolute;left: 0; top: 0;z-index: 1;border-radius: 8px;}
div.ke-content >div.list a:hover:before,
div.ke-content >div.list a:hover span{opacity: 0;transition: 0.3s}

div.ke-content >div.list a:nth-child(4n+2) span:after,
div.ke-content >div.list a:nth-child(4n+3) span:after
{background: #1D39C4}
div.ke-content >div.list a:nth-child(4n+2) span,
div.ke-content >div.list a:nth-child(4n+3) span
{color:#1D39C4 ;}
div.ke-content >div.list a:nth-child(4n+2):before,
div.ke-content >div.list a:nth-child(4n+3):before
{background:rgba(230, 74, 25, 0.8)}

@media screen and (max-width: 1024px) { 
	div.ke-content >div.list a{height:307px;}
}
@media screen and (min-width: 1200px){
	div.ke-content >div.list a{height: 351px;}
}