.logo,
.search {
    text-align: center;
}
.logo {
    margin-top: 2rem;
}
.search {
    width: 100%;
    overflow: hidden;
    margin: 3rem auto;
}
.search button {
    font-size: 1rem;
}
.links {
    margin-top: 2rem;
    clear: both;
}
.links h3 {
    padding: 0.5rem;
    margin-bottom: 0.625rem;
    display: inline-block;
   /*width: 5rem;*/
}
.links ul {
    width: 100%;
    overflow: hidden;
}
.links li {
    margin-top: 0.625rem;
    text-align: center;
}
.links a {
    line-height: 1rem;
}
.links a:hover {color: #5CB85C;}
.hot {
	color: green;
}
.footer {
    padding: 3rem 0 2rem;
    text-align: center;
}
.footer span {
    color: #666;
}
.footer a {
    color: #318a31;
}
.layui-bg-grass {
    color: #fff!important;
    background-color: #5CB85C!important
}
@media screen and (min-width:992px) {
    .layui-container {
        width: 680px
    }
}
@media screen and (min-width:1200px) {
    .layui-container {
        width: 800px
    }
}


footer.footer .foot-button {
    display: none;
    width: 45px;
    float: right;
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style: none
}

footer.footer .foot-button a,footer.footer .foot-button span {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background: rgb(92 184 92);
    color: #fff;
    font-size: 15px;
    line-height: 35px;
    padding: 0;
    margin-top: 8px
}

footer.footer .foot-button a:hover {
    background-color: rgb(142 237 142)
}