.encyclopedia-page{padding:40px 0;overflow:hidden;text-align:center}
.encyclopedia-page .wrap{display:inline-block}
.encyclopedia-page .btn-list{float:left}
.encyclopedia-page .btn-list ul{overflow:hidden}
.encyclopedia-page .btn-list ul li{padding-right:5px;float:left}
.encyclopedia-page .btn-list ul li a{width:50px;height:50px;line-height:50px;text-align:center;color:#4c4c4c;font-size:20px;display:inline-block;background:#fff;-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-page .btn-list ul li a:hover{color:#fff;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-page .page-info{font-size:20px;color:#4c4c4c;padding-left:10px;float:left}
.encyclopedia-page .page-info input{width:50px;height:50px;border:1px solid #e5e5e5;outline:0;background:0 0}
.encyclopedia-page .page-info button{width:80px;height:50px;border:none;background:#fff}
.encyclopedia-page .page-info span{padding:0 3px}
.encyclopedia-page .page-info button{margin:0 10px}
@media screen and (max-width:768px){.encyclopedia-page{padding:5% 0}
.encyclopedia-page .btn-list{float:none;display:inline-block;padding:0}
.encyclopedia-page .btn-list ul li{display:none}
.encyclopedia-page .btn-list ul li.next,.encyclopedia-page .btn-list ul li.prev{display:block}
.encyclopedia-page .page-info{display:none}
}