/*
 * @Author: 杜媛 
 * @Date: 2018-04-12 15:10:33 
 * @Last Modified by:   杜媛 
 * @Last Modified time: 2018-04-12 15:10:33 
 */

.cate-btn {
    margin-top: 35px;
}

.cate-btn a {
    display: inline-block;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}

.cate-btn a:hover {
    color: #fff;
    cursor: pointer;
    background-color: #9e9e9e;
}

.me-btn {
    width: 140px;
    height: 50px;
    border-radius: 30px
}

.lg-btn {
    width: 140px;
    height: 50px;
    border-radius: 30px;
}

.left-oft {
    margin-left: 50px;
}

.left-nt {
    margin-left: 90px;
}

.infor-intro {
    margin-top: 100px;
}

.infor-intro span {
    width: 123px;
    height: 57px;
    border-radius: 20px;
    display: inline-block;
    line-height: 57px;
    text-align: center;
    color: #fff;
}

.rank-det {
    border-collapse: collapse;
}

.rank-det tr td {
    border: 1px solid #f16863;
}

.ranking-table {
    width: 100%;
    margin-top: 40px;
    height: 500px;
}

.table-height table tr {
    height: 30px;
    text-align: center
}

.toplist-tab {
    margin-bottom: 50px;
    font-size: 17px;
    background: rgb(235, 235, 235);
    padding: 0px;
    overflow: hidden;
}

.toplist-tab a:hover {
    color: #fff;
    background: #0262bb;
}

.toplist-tab a {
    padding: 8px 30px;
    float: left;
}