#newsList ul {text-align: center;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
#newsList ul li {width: 47%;display: flex;position: relative;}
#newsList ul li >div { margin: 20px 20px 20px 0; }

#newsList .flyy{
    display: flex;
    height: 70%;
}
.wrap #newsList .flyy .img{
    background-image: linear-gradient(85deg, #f4f4f4 1%, #d5d5d5 25%, #d3d3d3);
    box-shadow: 4px 5px 9px rgb(143 143 143 / 57%);
    border-left: #2170ad 3px solid;
    border-right: #2170ad 3px solid;
}
.img:before{
	content:"";
	background:url(/images/33/linghttt.png);
	width: 674px;
	height: 102px;
	background-size: cover;
	position: absolute;
	mix-blend-mode: color-dodge;
	top: 21px;
	opacity: 1;
}
.wrap #newsList .flyy .img:hover{
    border-left: #ca6536 3px solid;
    border-right: #ca6536 3px solid;
}
.wrap #newsList .flyy .img:hover a{
	-webkit-filter: brightness(.8);
}
.wrap #newsList .flyy .img:hover:before{
    opacity: 0;
}
.wrap #newsList .flyy .img a.photo{
    height: 60%;
    background-size: cover;
    margin-top: 20%;
}
#newsList ul li .info{display:none;}
#newsList .flyy .leeft{
    display: flex;
    flex-direction: column;
    width: 62%;
    margin-right: 5%;
    position: relative;
}
.wrap #newsList  ul li:hover .img a.photo{
    transform: unset;
}
#newsList .flyy .righht{
    width: 21%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 20px;
    margin-left: 20px;
    z-index: 2;
}
#newsList .flyy .righht h3 a{
    font-size: 18px;
    color: #2070ac;
    letter-spacing: 0.1em;
    font-weight: 500;
}
#newsList .flyy .righht p.yeaar{
    font-size: 42px;
    color: #005698;
    color: transparent;
    background-image: linear-gradient(181deg, #005698 1%, #005698 25%, #73b6ea 54%, #0d4b7a 88%);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 600;
}
#newsList .flyy .righht .mufo{
    display: flex;
    border-bottom: #686868a3 1px solid;
    width: 100%;
    justify-content: flex-end;
    position: relative;
}
#newsList .flyy .righht .mufo:before{
	content:"";
	background: linear-gradient(87deg, #ff9800 1%, #005698 25%, #3392db 54%, #0d4b7a 88%);
	width: 100%;
	height: 1px;
	bottom: 0;
	position: absolute;
}
#newsList .flyy .righht .mufo p{
    color: #185d91;
}
#newsList .mooore{
    display: flex;
    padding: 0;
    flex: 1;
    align-items: flex-end;
}
#newsList .mooore img{
    width: 84px;
}
#newsList .mooore a:before{
	content:"";
	position: absolute;
	width: 77px;
	height: 55px;
	margin: auto;
	background: #eee0;
	border: 2px solid transparent;
	-moz-border-image: -moz-linear-gradient(top left, #3acfd5 0%, #3a4ed5 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #3acfd5 0%, #3a4ed5 100%);
	border-image: linear-gradient(to bottom right, #dd6e36 0%,#3280b2 87%, #3280b2 100%);
	border-image-slice: 1;
	z-index: -1;
	left: -11px;
	top: -9px;
	border-radius: 50px;
	opacity: 0;
}
#newsList .mooore a{background-image: linear-gradient(181deg, #56b6ff 1%, #005698 25%, #3392db 54%, #0d4b7a 88%);color: #005698;color: transparent;-webkit-background-clip: text;background-clip: text;font-weight: 600;font-size: 20px;position: relative;display: flex;border-radius: 50px;}
a.mmoren{
    color: white;
    font-size: 27px;
}
#newsList .mooore a:hover{
	-moz-transform:scale(0.95);
	-webkit-transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95);
}
.gogoJJ{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gogoJJ img{
    width: 50px;
}
#newsList ul li:nth-child(2n) >div { margin: 20px 0 20px 20px; }
#newsList ul li .info p a { margin-right: 15px; padding: 2px 15px; background: #ffd9db; display: inline-block; color: #ff5860; }
#newsList ul li .info p font { font-family: 'Rubik', sans-serif; color: #656565; }
#newsList ul li .info h3 a {margin-top: 10px;height: 70px;font-weight: 500;font-size: 33px;color: #ededed;-webkit-line-clamp: 2;word-break: break-all;}

@media screen and (min-width:1281px) {
	#newsList ul li:hover .img a.photo img {background: unset;}
	#newsList ul li .info{
    position: absolute;
    bottom: 75px;
    z-index: 5;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity:0;
    display: none;
}
#newsList ul li:hover .info{
	opacity:1;
}
}

@media screen and (max-width:1280px){
	#newsList ul li .info{
	    background: #484848;
	    padding: 20px;
	    margin: 0 0;
	    text-align: center;
	}
	#newsList ul li .info h3 a{
	    font-size: 26px;
	    text-align: center;
	}
	a.mmoren{
	    font-size: 23px;
	}
	.gogoJJ{
	    display: none;
	}
	#newsList .flyy .righht p.yeaar{
    font-size: 36px;
}{}
}
@media screen and (max-width:980px) {
	#newsList ul li >div { margin: 20px 10px 20px 0; }
	#newsList ul li:nth-child(2n) >div { margin: 20px 0 20px 10px; }
	#newsList ul li {width: 95%;}
	#newsList ul li >div, #newsList ul li:nth-child(2n) >div {margin: 20px 0;}
	#newsList .flyy{
    width: 100%;
}
	#newsList ul li { width: 100%; }
	#newsList .flyy .leeft{
    width: 55%;
}
	#newsList .flyy .righht{
    width: 36%;
    margin-top: 0;
}	

}