.list{display:flex;margin:0 -10px;flex-wrap:wrap;}
.item{flex:0 0 calc(25% - 20px);margin:0 10px 30px;width:0;}
.item-year,.item-zt,.item-pub{display:none;}
.item-pic{padding-top:100%;position:relative;overflow:hidden;background:rgba(0,0,0,.05);}
.item-pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:90%;max-width:90%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.item-pic:hover img{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%) scale(1.05);-ms-transform:translate(-50%,-50%)scale(1.05);-o-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);}
.item-name{margin-top:12px;height:36px;padding-right:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(42,46,58,.7);font-size:15px;display:flex;align-items:center;position:relative;}
.item-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item:hover .item-name{color:#da261c;font-weight:bold;}
.item:hover .item-name:after{content:'';width:60px;height:100%;background:#da261c url("/uiFramework/commonResource/zip/cfaAll/cfaAll/images/car.svg") no-repeat center center / 21px auto;position:absolute;right:0;top:0;}
.warp{display:flex;padding-bottom:50px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:48px;}
.pic{flex:0 1 324px;margin-right:20px;height:338px;position:relative;overflow:hidden;background:rgba(0,0,0,.03);}
.pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:90%;max-height:90%;width:auto;height:auto;}
.txt{flex:1;}
.top{padding-left:40px;}
.tit{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(0,0,0,.1);}
.tit span{font-size:32px;color:#2a2e3a;font-weight:bold;}
.tit a{display:block;width:72px;height:44px;background:#DA261C url("/uiFramework/commonResource/zip/cfaAll/cfaAll/images/car.svg") no-repeat center center / 21px auto;}
.tit a.noLink{background:rgba(0,0,0,.2) url("/uiFramework/commonResource/zip/cfaAll/cfaAll/images/car.svg") no-repeat center center / 21px auto;}
.info{padding:27px 0 46px;display:flex;}
.info-col{flex:0 1 200px;}
.info-col+.info-col{padding-left:20px;border-left:1px solid rgba(0,0,0,.1);}
.info-col:last-child{flex:1;}
.info-col span{display:flex;align-items:center;font-size:16px;color:rgba(42,46,58,.4);margin-bottom:5px;}
.info-col i{width:14px;height:14px;background:no-repeat center center / contain;margin-right:5px;}
.info-col p{font-size:16px;color:rgba(42,46,58,.8);margin-bottom:15px;}
.xu{padding:35px 45px;margin-bottom:40px;background:rgba(0,0,0,.03);}
.xu h3{color:#2a2e3a;font-size:18px;margin-bottom:15px;}
.xu p{font-size:15px;line-height:28px;color:#2a2e3a;opacity:.7; min-height:1rem;}
.cat{padding:35px 45px;background:rgba(0,0,0,.03);}
.cat h3{color:#2a2e3a;font-size:18px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px;margin-bottom:20px;}
.cat p{-width:365px;-display:flex;-justify-content:space-between;-align-items:center;font-size:15px;color:rgba(42,46,58,.55);font-size: 15px;line-height: 2;}
.cat p+p{margin-top:25px;}
#close-button svg{display:none;}
.sp14{display:inline-block;font-size:15px;font-weight: 500;padding-left:10px;}
.cat p.screadd{color:#6c6cfc;}
.cat p.suscreadd{text-indent:5.5em;}
@media (max-width:1199px){
    .info-col{flex:0 1 33.3%}
    .info-col+.info-col{padding-left:20px;}
}
@media (max-width:991px){
    .warp{display:block;}
    .pic{width:324px;margin:0 auto;}
    .txt{margin-top:20px;}
    .top{padding-left:0;}
}
@media (max-width:767px){
    .item{flex:0 0 48%;margin:0 0 20px;}
    .list{margin:0 0 30px;justify-content:space-between;}
    .main{padding-bottom:40px;}
    .tit span{font-size:20px;}
}
@media (max-width:575px){
    .warp{padding-bottom:30px;margin-bottom:30px;}
    .tit a{width:40px;height:40px;}
    .tit span{font-size:18px;}
    .info{flex-wrap:wrap;padding:20px 0;}
    .info-col{flex:0 0 50%;}
    .info-col+.info-col{padding-left:0;border-left:none;}
    .xu{padding:20px;margin-bottom:30px;}
    .cat{padding:20px;}
    .cat p{width:100%;padding:0 10px;}
    .list{margin-bottom:0;}
}