@CHARSET "UTF-8";

/**在设计稿出来之前，此处的内容样式参考p.xjjl.css**/
.xss-list{}
.xss-list>a{width: calc(50% - 28px) !important; margin-bottom: 24px; height: calc(20vw - 38px); border-radius: 8px; overflow: hidden; position: relative;}
.xss-list>a img{width: 100%; height: 100%; object-fit: cover;}
.xss-list>a span {width: calc(100% - 24px); position: absolute; bottom: 0; left: 0; padding: 16px 24px; color: #ffffff; font-size: 20px; line-height: 28px; font-weight: 600; background: rgba(25,9,125, 0.8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xss-list>a:nth-child(4n+2) span, .xss-list>a:nth-child(4n+3) span{background: rgba(230,74,25, 0.8);}
.xss-list>a:hover img{transform: scale(1.2) ;transition: 0.3s;}
.qgjx-list>a:hover img{transform: scale(1.2);transition: 0.3s;}
@media screen and (max-width: 1024px) { 
	div.xss-list>a{height: 167px;}
}
@media screen and (min-width: 1200px){
	div.xss-list>a{height: 202px;}
}