.ccs-tabs{--tbs-c:#0f294d;--tbs-bgc:transparent;--tbs-bdc:rgba(15,41,77,0.2);--tbs-c-act:#fff;--tbs-bgc-act:#3264ff;--tbs-bdc-act:#3264ff;--tbs-c-hv:#3264ff;--tbs-bgc-hv:var(--tbs-bgc);--tbs-bdc-hv:var(--tbs-bdc)}.tab-bar-block{display:flex;position:relative;padding:7px 0;margin:0 auto;max-width:1180px}.tab-bar-con{overflow-x:auto;min-width:100%;text-align:center}.tab-bar-con::-webkit-scrollbar{display:none}.tab-bar{display:inline-flex;position:relative}.tab-bar-center{justify-content:center;align-items:center}.tab-bar-trans{transition:all .3s ease-in}.nav-btn{box-shadow:0 4px 8px 0 rgba(15,41,77,.08);height:48px;width:48px;top:50%;background:#fff;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%);border-radius:4px}.tab-pane{display:none}.tab-pane-active{display:block}.tab-prev-btn{left:0}.tab-next-btn{right:0}[dir=rtl] .tab-prev-btn{right:0;left:auto}[dir=rtl] .tab-prev-btn svg{transform:scaleX(-1)}[dir=rtl] .tab-next-btn{left:0;right:auto}[dir=rtl] .tab-next-btn svg{transform:scaleX(-1)}.tab_skeleton{border:1px solid transparent;border-radius:2px;width:calc(25% - 16px);box-sizing:border-box;animation-duration:2s;animation-iteration-count:infinite;animation-name:tcs-tab-item-breathing;animation-timing-function:linear;height:34px;background:#f0f2f5}.ccs-tab-item,.tab_skeleton{align-items:center;text-align:center;justify-content:center;display:flex;margin:0 8px;font-size:14px;line-height:18px;padding:7px 16px;cursor:pointer;flex-shrink:0;position:relative}.ccs-tab-item{color:var(--tbs-c);background-color:var(--tbs-bgc);border:1px solid var(--tbs-bdc);border-radius:2px}.ccs-tab-item.current .tsa-tab-item-cover{background:rgba(40,125,250,.7)}.ccs-tab-item.current .tsa-tab-item-cover span{border-bottom:3px solid #fff}.ccs-tab-item:hover{color:var(--tbs-c-hv);background-color:var(--tbs-bgc-hv);border-color:var(--tbs-bdc-hv)}.ccs-tab-item.current{color:var(--tbs-c-act);background-color:var(--tbs-bgc-act);border-color:var(--tbs-bdc-act)}.ccs-tab-item-large{font-size:16px;padding:12px 24px}@media screen and (max-width:640px){.tab-bar{padding:0 4px}.ccs-tab-item{margin:0 4px}.tab_skeleton{margin:0 4px;width:calc(33% - 16px)}.tab-bar-show-all.tab-bar{flex-wrap:wrap;justify-content:center}.tab-bar-show-all.tab-bar .ccs-tab-item{margin-top:4px}}@keyframes tcs-tab-item-breathing{0%{opacity:.3}50.0%{opacity:1}100.0%{opacity:.3}}