.qiaoxin9274{margin:0 auto;padding:20px 0}.qiaoxin9274 .dann{display:flex;flex-wrap:wrap;justify-content:center}.qiaoxin9274 .dann li{margin:0 20px 20px 20px;transition:all .36s ease;position:relative;box-shadow:0 0 0 rgba(0,0,0,.15);width:calc(100% / 3 - 40px)}.qiaoxin9274 .dann li::before{content:"";position:absolute;right:-20px;background:rgba(255,255,255,0.07);top:-200px;height:calc(100% + 200px);width:1px}.qiaoxin9274 .dann li:nth-child(3n)::before{background:rgba(255,255,255,0)}.qiaoxin9274 .dann li:nth-child(3n-1){padding-top:70px}.qiaoxin9274 .dann li .item-class{width:100%;height:380px;position:relative}.qiaoxin9274 .dann li .item-class img{width:100%;height:100%;object-fit:cover;transition:all .36s ease}.qiaoxin9274 .dann li .item-class::before{content:" ";display:block;width:100%;height:140px;position:absolute;top:240px;background:linear-gradient(to top,#0e0e0e 23%,rgba(12,12,12,0.8) 53%,rgba(0,0,0,0));z-index:1}.qiaoxin9274 .dann li .banner-description{height:104px;position:absolute;top:275px;z-index:2;width:100%;text-align:right}.qiaoxin9274 .dann li:nth-child(3n-1) .banner-description{top:345px}.qiaoxin9274 .dann li .banner-description::before{content:" ";height:104px;width:8px;background-color:#126ace;position:absolute;right:0;top:1px;z-index:0;transition:all .3s ease}.qiaoxin9274 .dann li .banner-description .hun{padding:20px;margin-top:10px;transition:all .36s ease}.qiaoxin9274 .dann li .banner-description .hun .banner-name{color:#fff;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qiaoxin9274 .dann li .banner-description .hun .banner-docs{color:#fff;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.35;margin-top:2px}.qiaoxin9274 .dann li:hover .banner-description::before{width:100%;z-index:-1}.clearfix:after{clear:both;display:block;content:''}.qiaoxin9274 .moreBtn{display:none}.qiaoxin9274 .dann li .item-class .meng{display:block;width:100%;position:absolute;height:100%;left:0;top:0;z-index:1;cursor:pointer}.margin_unset{margin:unset !important}@media screen and (max-width:1200px){.qiaoxin9274 .dann li:nth-child(3n-1){padding:0}.qiaoxin9274 .dann li:nth-child(3n-1) .banner-description{top:275px}.qiaoxin9274 .dann li::before{display:none}}@media screen and (max-width:768px){.qiaoxin9274 .dann li{margin:0 10px 20px 10px}.qiaoxin9274 .dann li{width:calc(100% / 2 - 40px)}}@media screen and (max-width:510px){.qiaoxin9274 .dann li{width:calc(100% - 20px);margin-left:10px}.qiaoxin9274 .dann li .item-class{width:100%}}