@charset "utf-8";.tab_area{display:flex;justify-content:center;& li{margin:0 1px;& span{position:relative;border-radius:10px 10px 0 0;background-color:#fff;min-width:120px;transition:all 0.3s ease;display:block;width:100%;height:100%;text-align:center;font-size:1.6rem;cursor:pointer;padding:10px 15px;color:var(--color-primary);font-weight:700;@media (width <=999px){min-width:60px;font-size:1.4rem}&:hover{background-color:var(--color-primary);color:#fff}}}& li.select{& span{font-weight:700;color:var(--color-primary);cursor:default;&:after{content:"";display:block;width:calc(100% - 40px);height:2px;position:absolute;bottom:0;left:20px;background:var(--color-primary)}&:hover{background:#fff;color:var(--color-primary)}}}}.hide{display:none}