.tcc4-wrap{position:relative;background:#fff;border:1px solid #dfe7f3;padding:14px 46px 36px}
.tcc4-viewport{overflow:hidden}
.tcc4-track{display:flex;transition:transform .65s ease;will-change:transform}
.tcc4-card{flex:0 0 25%;max-width:25%;padding:0 8px;box-sizing:border-box}
.tcc4-link{display:block;text-decoration:none;color:inherit}
.tcc4-thumb{height:190px;overflow:hidden;background:#f3f6fb;border:1px solid #e6eefb;border-radius:4px}
.tcc4-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.tcc4-link:hover .tcc4-thumb img{transform:scale(1.04)}
.tcc4-title{padding:10px 2px 0;font-size:16px;font-weight:700;line-height:1.55;color:#073b6b;text-align:justify;text-justify:inter-word}
.tcc4-btn{position:absolute;top:42%;transform:translateY(-50%);width:34px;height:46px;border:none;background:rgba(11,102,195,.92);color:#fff;font-size:24px;border-radius:4px;cursor:pointer;z-index:2}
.tcc4-prev{left:6px}
.tcc4-next{right:6px}
.tcc4-btn:hover{background:#084f98}
.tcc4-dots{position:absolute;left:0;right:0;bottom:10px;text-align:center}
.tcc4-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c8d7eb;margin:0 4px;cursor:pointer}
.tcc4-dot.active{background:#0b66c3}
@media(max-width:1199px){.tcc4-card{flex-basis:33.3333%;max-width:33.3333%}.tcc4-thumb{height:180px}}
@media(max-width:991px){.tcc4-wrap{padding:12px 40px 34px}.tcc4-card{flex-basis:50%;max-width:50%}.tcc4-thumb{height:170px}}
@media(max-width:575px){.tcc4-wrap{padding:10px 34px 32px}.tcc4-card{flex-basis:100%;max-width:100%}.tcc4-thumb{height:210px}.tcc4-title{font-size:15px}}
