.clearfix:after {clear:both;content:"";display:block;height:0;visibility:hidden;}
.ad-client-bottom,  .ad-client-top{margin:10px 0}
.ad-client-bottom{border-top:solid 1px #eee;padding-top:10px}
.ad-client-swiper{margin-bottom: 10px}
.ad-client-main{display:flex;margin-bottom:20px;gap:16px;position: relative;}
.ad-client-l{flex:1}
.ad-client-r{flex:0 0 26.666%}
.ad-client-l,.ad-client-r{padding:15px;border-radius:8px;background-color:#fff;}
.ad-client-bottom img,.ad-client-top img{width:100%;height:auto}
.ad-client-swiper{display:flex;gap:15px;position: relative;}
.ad-client-swiper-left{flex:0 0 65.5%}
.ad-client-swiper-right{display:flex;flex:1;flex-direction:column;gap:15px}
.ad-client-swiper-right>div{flex:1}
.ad-client-swiper .swiper-container::before{display:block;padding-bottom:60%;content:''}
.ad-client-swiper .swiper-wrapper{position:absolute;top:0;width:100%;height:100%}
.ad-client-swiper .swiper-wrapper a{display:inline-block;width:100%;height:100%;font-size:0}
.ad-client-swiper .swiper-wrapper .x{position:absolute;bottom: 6px;left:10px;font-size:12px}
.ad-client-swiper .swiper-wrapper .t{padding:2px 6px;border-radius:0 8px 0 8px;background-color:#448ef6;color:#fff;font-size:12px}
.ad-client-swiper .swiper-wrapper .t+span{margin-left:4px;color:#fff;vertical-align:middle;font-size:15px}
.ad-client-swiper .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.ad-client-swiper .swiper-pagination{top:10px;right:8px;bottom:auto;left:auto;width:auto;}
.ad-client-swiper .swiper-pagination-bullet{background-color:#fff;opacity:.5}
.ad-client-swiper .swiper-pagination-bullet-active{opacity:1;width: 8px;}
.ad-client-swiper .ad-icon{position:absolute;top:5px;left:5px;display:flex;border-radius:50%;color:#fff;font-size:19px;line-height:1;align-items:center;justify-content:center}
.ad-client-swiper .ad-icon i.fa{font-size:20px}
.ad-client-list>li{overflow:hidden;width:49.5%;float:left;text-overflow:ellipsis;white-space:nowrap;line-height:33px;-webkit-transition:ease-in-out .3s;-moz-transition:ease-in-out .3s;-o-transition:ease-in-out .3s;transition:ease-in-out .3s;-ms-transition:ease-in-out .3s}
.ad-client-list>li:nth-child(even){float:right}
.ad-client-list>li:hover{padding-left:8px;border-radius:5px;background:#f1f1f1}
.ad-client-list>li:nth-child(1) span{background-color:#ea3518}
.ad-client-list>li:nth-child(2) span{background-color:#ff9704}
.ad-client-list>li:nth-child(3) span{background-color:#4787ff}
.ad-client-list>li:nth-child(4) span{background-color:#04c51f}
.ad-client-list span{margin-right:5px;padding:0 5px;border-radius:4px;background:#666;color:#fff;white-space:nowrap;font-style:normal}
.ad-client-top-name{margin-bottom:13px;padding-bottom: 8px;border-bottom:solid 1px #eee;color:red;font-size:13px}
.ad-client-top-name span{padding-bottom:8px}
.ad-client-top{margin-top:10px;border-top:solid 1px #eee}
.ad-client-top.ad-img{margin:0 0 10px;border-top:none}
.ad-client-bottom img,.ad-client-top.ad-img img{border-radius:8px}
.ad-client-top li{position:relative;display:flex;margin-top:20px;padding-bottom:20px;border-bottom:solid 1px #eee}
.ad-client-top li:before{position:absolute;left:-19px;width:4px;height:23px;background:#409eff;content:'';transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:scaleY(0);transform:scaleY(0)}
.ad-client-top li:before{top:5px}
.ad-client-top li:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.ad-client-thumb{position:relative;overflow:hidden;margin-right:20px;border-radius:5px;flex:0 0 210px;width:210px;height:158px}
.ad-client-thumb img{width:100%;height:100%;transition:all .2s;object-fit:cover}
.ad-client-thumb .ad-icon{position:absolute;top:5px;left:5px;z-index:5;display:flex;border-radius:50%;color:#fff;font-size:19px;line-height:1;align-items:center;justify-content:center}
.ad-client-thumb .ad-icon i.fa{font-size:20px}
.ad-client-thumb>a{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:5px;background-color:rgba(120,120,120,.1);background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.ad-client-thumb:hover img,.ad-client-top>ul>li:hover img.lazy{transition:All .7s ease;-webkit-transform:scale(1.2) rotate(-6deg);-moz-transform:scale(1.2) rotate(-6deg);-o-transform:scale(1.2) rotate(-6deg);transform:scale(1.2) rotate(-6deg);-ms-transform:scale(1.2) rotate(-6deg)}
.ad-client-meta{display:flex;font-size:12px;align-items:center;bottom:20px;position:absolute;height:22px!important;text-overflow:ellipsis;margin-bottom:0!important}
.ad-client-meta,.ad-client-meta a{color:#939393}
.ad-client-meta>div{margin-right:10px;font-size:11px}
.ad-client-meta>span{margin-right:10px;color:#ddd}
.ad-client-author img{margin-right:5px;width:25px;border-radius:50%}
.ad-client-author a{display:flex;align-items:center}
.ad-client-info h3{font-weight:400;font-size:18px}
.ad-client-info h3 span{position:relative;top:-1px;margin:0 .4rem 0 0;padding:2px 6px;border-radius:2px 8px;background:#f64444;color:#fff;font-weight:400;font-size:12px}
.ad-client-intro{margin:10px 0;font-size:14px;color:#999;line-height:25px}
.ad-client-r-name{padding-bottom: 10px;border-bottom:solid 1px #eee;color:#333;font-size: 16px;line-height:1.2;position: relative;padding-left: 13px;}
.ad-client-r-name:before {
    position: absolute;
    left: 0;
    top: 0px;
    width: 3px;
    height: 17px;
    content: "";
    background-color: #F62C45;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .15), transparent);
    border-radius: 3px;
}
.ad-client-r li{display:flex;margin:10px 0;padding:10px 0;padding-top:0;border-bottom:dashed 1px #eee;align-items:flex-start}
.ad-client-r li a{display:block;width:100%;font-size:13px;line-height:1.3}
.ad-client-r-thumb{overflow:hidden;margin-right:10px;border-radius:4px;background-color:#f1f1f1;flex:0 0 40%}
.ad-client-r-thumb img{width:100%;transition:all .2s;object-fit:cover}
.ad-client-r-thumb:hover img{transform:scale(1.05)}
.ad-client-r-info{display:flex;flex:1;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:column}
.ad-client-r-info .date{margin-top:5px;font-size:12px}
.ad-client-swiper-left .swiper-container {border-radius: 5px;}
.ad-client .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
@media screen and (max-width:1024px){.ad-client-intro{display:none}
}
@media screen and (max-width:768px){.ad-client-top-name span{border-bottom:none}
#main .ad-client{margin:0 -15px}
.ad-client-main{display:block}
.ad-client-thumb{width:106px!important;height:80px!important;margin:4px 16px 4px 0!important;flex:0 0 106px}
.ad-client-r{margin-top:20px}
.ad-client-list>li{width:49%}
.ad-client-info h3{margin-bottom:8px;font-size:16px;line-height:1.5}
.ad-client-author img{width:20px}
.ad-client-list{display:block}
.ad-client-swiper{display:block}
.ad-client-swiper-right{margin-top:15px;flex-direction:row;gap:10px}
.mobile-hide-articles .ad-client-r{display:none}
.ad-client-r-thumb{flex:0 0 106px;height:80px}
.ad-client-r li a{line-height:1.5;font-size:16px}
.ad-client-author{display:none}
.ad-client-author+span{display:none}
}
@media screen and (max-width: 380px) {
    .ad-client-list>li {width: 100%;}
    .ad-client-info h3 a{font-size: 15px;}
}