.tab-bar{background:#fcfaf5;align-items:center;gap:12px;padding:20px;display:flex;overflow-x:auto}.tab-item{text-align:center;cursor:pointer;background-color:#eae2d4;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:auto;min-width:120px;height:100px;padding:15px 20px;transition:all .3s;display:flex}.tab-item:hover{background-color:#f2d6df}.tab-item .icon{margin-bottom:5px;font-size:20px}.tab-item .label{font-size:14px;font-weight:500}.tab-item.active{color:#fff;background-color:#f65a8a;position:relative}.tab-item.active:after{content:"";border:6px solid #0000;border-top-color:#f65a8a;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.tab-bar::-webkit-scrollbar{display:none}.tab-bar{-ms-overflow-style:none;scrollbar-width:none}.demo-btn{width:30%;margin-left:10px;color:#000!important;background:0 0!important;border:1px solid #d1d1d1!important;font-size:18px!important}.demo-btn:hover{color:#000!important;background:#d1d1d1!important;border:1px #d1d1d1!important}