.zf-list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.zf-list li {  width: 48.5%; margin: 0 0 .4rem ;}
.zf-list .xyzf-box { color: #ba000e; border: 1px solid rgba(161, 73, 76, 0.5); padding: .2rem .3rem .2rem; border-radius: .1rem; transition: all .4s;}
.zf-list .title {color: #333;}
.zf-list .title img { width: .22rem; margin: 0 .08rem 3px 0;} 
.zf-list .info { line-height: .26rem; color: #666;}
.zf-list .text { position: relative; padding: .2rem .2rem;}
.zf-list .icon { position: absolute; z-index: 1; font-size: .38rem; font-family: "SYST700"; color: #ff7916; font-style: initial;}
.zf-list .icon.i1 { top: -.05rem; left: -.24rem;}
.zf-list .icon.i2 { bottom: -.24rem; right: -.22rem;}
@media screen and (max-width: 1024px) {
.zf-list li {  width: 100%; margin: 0 0 .2rem ;}
}
@media screen and (max-width: 768px) {
.zf-list .xyzf-box { padding: .1rem .15rem;}
}