.encyclopedia-tab{padding:35px 0}
.encyclopedia-tab ul{overflow:hidden;width:1035px}
.encyclopedia-tab ul li{width:98px;height:28px;line-height:29px;border:1px solid #e5e5e5;background:#fff;text-align:center;float:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 15px 15px 0;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.encyclopedia-tab ul li a{color:#333}
.encyclopedia-tab ul li.on{background:#61a772}
.encyclopedia-tab ul li.on a{color:#fff;background:url(../../images/icon-down-white.png) no-repeat center right;-webkit-background-size:11px 7px;-moz-background-size:11px 7px;background-size:11px 7px;padding-right:25px}
.encyclopedia-tab ul li:hover{background:#61a772;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.encyclopedia-tab ul li:hover a{color:#fff}
@media screen and (max-width:768px){.encyclopedia-tab ul{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.encyclopedia-tab ul li{margin:0;margin-bottom:10px}
}