
.tfs-wrapper{
    position:relative;
    width:100%;
}
.tfs-swiper{
    position:relative;
    overflow:hidden;
    padding:12px 8px 44px;
}
.tfs-swiper .swiper-wrapper{
    display:flex;
    align-items:stretch;
    box-sizing:border-box;
}
.tfs-swiper .swiper-slide{
    flex-shrink:0;
    height:auto;
    box-sizing:border-box;
}
.tfs-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    height:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
}
.tfs-media{
    width:100%;
    overflow:hidden;
    background:#eef1f5;
    flex:0 0 auto;
    margin:0 auto;
}
.tfs-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.tfs-content{
    padding:20px;
    text-align:center;
    background:#fff;
    flex:0 0 auto;
}
.tfs-name{
    margin:0 0 6px;
    font-size:32px;
    line-height:1.1;
    font-weight:700;
    color:#2D2A7A;
}
.tfs-function{
    margin:0;
    font-size:18px;
    line-height:1.4;
    color:#6B7280;
}
.tfs-nav{
    position:absolute;
    top:35%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 4px 16px rgba(0,0,0,.12);
    z-index:10;
    cursor:pointer;
}
.tfs-prev{ left:6px; }
.tfs-next{ right:6px; }
.tfs-nav::before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:10px;
    border-top:2px solid #333;
    border-right:2px solid #333;
    transform:translate(-50%,-50%) rotate(225deg);
}
.tfs-next::before{
    transform:translate(-50%,-50%) rotate(45deg);
}
.tfs-wrapper .swiper-pagination{
    position:absolute;
    left:0;
    right:0;
    bottom:4px !important;
    text-align:center;
}
.tfs-wrapper .swiper-pagination-bullet{
    width:10px;
    height:10px;
}
@media (max-width:1024px){
    .tfs-name{ font-size:26px; }
    .tfs-function{ font-size:16px; }
}
@media (max-width:767px){
    .tfs-swiper{
        padding-left:0;
        padding-right:0;
    }
    .tfs-name{ font-size:22px; }
    .tfs-function{ font-size:15px; }
    .tfs-nav{
        width:38px;
        height:38px;
        top:32%;
    }
    .tfs-prev{ left:0; }
    .tfs-next{ right:0; }
}
