.header{display:flex;justify-content:space-between;align-items:center;height:2.5rem;padding:0 .75rem;border:.0625rem solid rgba(0,201,219,.1);background:rgba(0,201,219,.05)}.header .title{position:relative;padding-left:1.125rem;color:#00c9db;font-weight:700;font-size:1.5rem}.header .title:after{position:absolute;top:50%;left:0;width:0;height:0;border-top:.375rem solid #00c9db;border-right:.3125rem solid transparent;border-left:.3125rem solid transparent;transform:translateY(-50%);content:""}.header .more{position:relative;padding-right:1.125rem;color:#cef5f5;cursor:pointer}.header .more:after{position:absolute;top:50%;right:0;width:0;height:0;border-top:.375rem solid transparent;border-bottom:.3125rem solid transparent;border-left:.625rem solid #cef5f5;transform:translateY(-50%);content:""}.tab-list{display:flex}.tab-list .tab{position:relative;display:flex;justify-content:center;align-items:center;height:2.5rem;padding:0 .5625rem;color:#cef5f5;font-weight:400;font-size:1rem;line-height:1.25rem;cursor:pointer}.tab-list .tab:not(:first-child){margin-left:1.875rem}.tab-list .tab.on{color:#24c9db;font-weight:700}.tab-list .tab.on:after{position:absolute;bottom:.0625rem;left:50%;width:0;height:0;border-right:.3125rem solid transparent;border-bottom:.25rem solid rgba(0,201,219,.2);border-left:.3125rem solid transparent;transform:translateX(-50%);content:""}.ele-ul{white-space:nowrap;transition:transform .3s}.ele-ul .ele-li{position:relative;display:inline-block;flex-shrink:0;width:5.9375rem;height:2.5rem;color:#cef5f5;font-weight:400;font-size:1rem;line-height:2.5rem;text-align:center;cursor:pointer}.ele-ul .ele-li.on{font-weight:700;background:linear-gradient(180deg,rgba(10,204,204,0),rgba(10,204,204,.30196078431372547) 56.09%,rgba(10,204,204,.6))}.ele-ul .ele-li.on:after{position:absolute;bottom:0;left:0;width:100%;height:.125rem;background:#0acccc;content:""}