.tab-box .tab-top{display:flex;justify-content: center;flex-wrap:wrap;margin-bottom:20px}
.tab-box .tab-top .top-item{min-width:18%;background: #F3F3F3;margin:0 10px 10px;border-radius: 30px;display: block;padding: 8px 20px;cursor: pointer;text-align:center;font-size:18px;}
.tab-box .tab-top .top-item.act,.tab-box .tab-top .top-item:hover{background: var(--color);color:#fff;}
.tab-box .tab-bot .bot-item{display:none}
.tab-box .tab-bot .bot-item.act{display:block;}
@media (max-width:768px){.tab-box .tab-top{justify-content: space-between;}
.tab-box .tab-top .top-item{width:49%;min-width: inherit;margin:0 0 2%;padding:5px 10px;font-size:16px;}}