.animated-tabs{align-items:center;display:flex}.animated-tab-item{color:#666;cursor:pointer;font-size:16px;padding:15px 20px;position:relative;transition:color .3s ease}.animated-tab-item.active{color:#f10;font-weight:500}.animated-tab-item:hover{color:#f10}.animated-tab-line-wrapper{bottom:0;display:flex;height:3px;justify-content:center;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:100%}.animated-tab-line{background:linear-gradient(90deg,#f10,#f43);border-radius:2px;height:3px;transition:width 0s;width:0}.animated-tab-line.expand{animation:tabExpandFromCenter .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes tabExpandFromCenter{0%{opacity:0;width:0}10%{opacity:1}to{opacity:1;width:80%}}.animated-tab-line.expand-pc{animation:tabExpandFromCenterPC .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes tabExpandFromCenterPC{0%{opacity:0;width:0}10%{opacity:1}to{opacity:1;width:100%}}.tab-content-fade-enter-active,.tab-content-fade-leave-active{transition:all .3s ease}.tab-content-fade-enter,.tab-content-fade-leave-to{opacity:0;transform:translateY(10px)}.tab-underline{background:#f10;border-radius:2px;bottom:0;height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s cubic-bezier(.25,.46,.45,.94)}:deep(.van-tabs__line){transition:width .4s cubic-bezier(.25,.46,.45,.94),transform .3s ease!important}:deep(.el-tabs__active-bar){transition:width .4s cubic-bezier(.25,.46,.45,.94),transform .3s ease!important}