/* 排行榜S */
.rankListWrap {
    width: 100%;
    background: #f4f5f8;

    padding-bottom: 100px;
}

.xinglu-rank {
    position: relative;
    width: 1220px;
    margin: 0 auto;
}

.starAndRich {
    margin-top: 39px;
}

.starRank {
    width: 490px;
    float: left;
    margin: 0 auto;
    position: relative;
}

/*  明星榜S */
.rankBox,
.richBox {
    box-sizing: border-box;
    width: 550px;
    height: 571px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.top3bg {
    background: url(top3.png) #fff no-repeat 30px 177px;
}

.rank-item1 {
    position: absolute;
    width: 163px;
    height: 154px;
    left: 188px;
    top: 10px;

}

.gold,
.sliver,
.bronze {
    position: absolute;
    left: 46px;
    top: 22px;
}

.rank-item2 {
    position: absolute;
    width: 163px;
    height: 154px;
    left: 36px;
    top: 40px;
}

.rank-item3 {
    position: absolute;
    width: 163px;
    height: 154px;
    left: 347px;
    top: 40px;
}

.rank-top3bg {
    position: absolute;
    left: 40px;
    top: 0;
    width: 163px;
    height: 143px;
    width: 80px;
    height: 82px;
}

.rank-avator {
    position: absolute;
    width: 61px;
    height: 62px;
    border-radius: 50%;
    top: 25px;
    left: 50%;
    margin-left: -31px;
}

.rankBox a {
    display: block;
}

.rank-user {
    width: 163px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    height: 30px;
    text-align: center;

}

.rank-user i {
    position: absolute;
    right: 0;
    top: 0;
}

.rank-nickName {
    display: inline-block;
    font-size: 16px;
    width: 120px;
    height: 30px;
    color: #4d4d4d;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rank-yonghuID {
    position: absolute;
    text-align: center;
    width: 163px;
    height: 13px;
    font-size: 14px;
    color: #666666;
    top: 145px;
    left: 0;
}
.rank-yonghuID-level {
    position: absolute;
    text-align: center;
    width: 163px;
    height: 13px;
    font-size: 14px;
    color: #666666;
    top: 120px;
    left: 0;
}
.rankBox li:nth-child(n+4):nth-child(-n+9) {
    width: 245px;
    position: relative;
    top: 297px;
    height: 25px;
    left: 0;
    margin-bottom: 20px;
}

.rankBox li:nth-child(n+10):nth-child(-n+15) {
    width: 245px;
    position: relative;
    top: 25px;
    height: 25px;
    left: 260px;
    margin-bottom: 20px;
}

.rankBox li:nth-child(n+4):nth-child(-n+9) a {
    display: block;
    height: 25px;
    position: relative;
    padding-left: 37px;
}

.rankBox li:nth-child(n+4):nth-child(-n+9) span {

    position: absolute;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
    color: #9a9a9a;
    left: 23px;
    top: 3px;
}

.rankBox li:nth-child(n+4):nth-child(-n+9) i {
    position: absolute;
    left: 37px;
    top: 6px;
}

.rankBox li:nth-child(n+4):nth-child(-n+9) em {
    width: 160px;
    position: absolute;
    left: 120px;
    top: 0;
    padding-bottom: 5px;
}

.rankBox li:nth-child(n+4):nth-child(-n+9) em b {
    float: left;
    width:80px;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rankBox li:nth-child(n+10):nth-child(-n+15) a {
    display: block;
    height: 25px;
    position: relative;
    padding-left: 37px;
}

.rankBox li:nth-child(n+10):nth-child(-n+15) span {
    width: 20px;
    position: absolute;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
    color: #9a9a9a;
    left: 12px;
    text-align: right;
    top: 3px;
}

.rankBox li:nth-child(n+10):nth-child(-n+15) i {
    position: absolute;
    left: 37px;
    top: 6px;
}

.rankBox li:nth-child(n+10):nth-child(-n+15) em {
    width: 170px;
    position: absolute;
    left: 100px;
    top: 0;
    padding-bottom: 5px;
}

.rankBox li:nth-child(n+10):nth-child(-n+15) em b {
    float: left;
    width: 80px;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.richBox li:nth-child(n+4):nth-child(-n+9) {
    width: 245px;
    position: relative;
    top: 297px;
    height: 25px;
    left: 0;
    margin-bottom: 20px;
}

.richBox li:nth-child(n+10):nth-child(-n+15) {
    width: 245px;
    position: relative;
    top: 25px;
    height: 25px;
    left: 260px;
    margin-bottom: 20px;
}

.richBox li:nth-child(n+4):nth-child(-n+9) a {
    display: block;
    height: 25px;
    position: relative;
    padding-left: 37px;
}

.richBox li:nth-child(n+4):nth-child(-n+9) span {
    position: absolute;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
    color: #9a9a9a;
    left: 23px;
    top: 3px;
}

.richBox li:nth-child(n+4):nth-child(-n+9) i {
    position: absolute;
    left: 37px;
    top: 6px;
}

.richBox li:nth-child(n+4):nth-child(-n+9) em {
    width: 200px;
    position: absolute;
    left: 120px;
    top: 0;
    padding-bottom: 5px;
}

.richBox li:nth-child(n+4):nth-child(-n+9) em b {
    float: left;
    width: 80px;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.richBox li:nth-child(n+10):nth-child(-n+15) a {
    display: block;
    height: 25px;
    position: relative;
    padding-left: 37px;
}

.richBox li:nth-child(n+10):nth-child(-n+15) span {
    width: 20px;
    position: absolute;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
    color: #9a9a9a;
    left: 12px;
    text-align: right;
    top: 3px;
}

.richBox li:nth-child(n+10):nth-child(-n+15) i {
    position: absolute;
    left: 37px;
    top: 6px;
}

.richBox li:nth-child(n+10):nth-child(-n+15) em {
    width: 200px;
    position: absolute;
    left: 120px;
    top: 0;
    padding-bottom: 5px;
}

.richBox li:nth-child(n+10):nth-child(-n+15) em b {
    float: left;
    width: 80px;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cycle {
    position: absolute;
    left: 550px;
    top: 67px;
}

.cycle ul li {
    margin-bottom: 11px;
}

.cycle ul li>a {
    box-sizing: border-box;
    border-radius: 0px 10px 10px 0px;
    display: inline-block;
    width: 36px;
    height: 71px;
    padding: 26px 9px 0 9px;
    background: #f9a98e;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    outline: 0;
}

.cycle .active {
    background: #F0714F !important;
}

.cycle li:nth-child(4) a {
    padding-top: 15px;
    line-height: 20px;
}

.richRank {
    float: right;
    width: 550px;
    padding-right: 36px;
    position: relative;
}

.rankTitle {
    position: relative;
    padding-left: 44px;
    padding-top: 0;
    font-size: 22px;

    color: #4d4d4d;
}

.rankTitle img {
    position: absolute;
    width: 24px;
    height: 18px;
    top: 3px;
    left: 10px;
}

/* 明星榜E */
/* 攻城榜S */
.rank-siegeRank {
    height: 572px;

    margin-top: 39px;
}

.rank-battleTitle {
    position: relative;
    padding-left: 44px;
    padding-top: 0;
    font-size: 22px;

    color: #4d4d4d;
}

.rank-battleTitle img {
    position: absolute;
    width: 24px;
    height: 18px;
    top: 3px;
    left: 10px;
}

.rank-siegeShow {
    background: #fff;
    height: 542px;
    margin-top: 14px;
    border-radius: 10px;
}

.rank-santoNow {
    width: 100%;
    height: 120px;
    background: linear-gradient(0deg, #FEAC72 0%, #FDC044 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    text-align: center;
    position: relative;
}

.rank-santoNow p {
    position: relative;
    left: 0;
    top: 0;
    font-size: 18px;
    height: 52px;
    padding-top: 7px;
    color: #333333;
    margin-bottom: 1px;
}

.rank-santoNow .xingzhuang {
    width: 129px;
    height: 59px;
    position: absolute;
    left: 545px;
    top: -5px;
}

.rank-santoNow h5 {
    height: 18px;
    font-size: 18px;

    color: #ffffff;
    margin-bottom: 9px;
}

.rank-santoNow .heart {
    position: absolute;
    width: 20px;
    height: 18px;
    left: 605px;
}

.rank-santoNow .rank-battleObject {
    width: 580px;
    position: absolute;
    left: 26%;
    top: 70px;
    height: 100px;
    display: flex;
    justify-content: space-between;
}

.rank-battleObject .rank-object {
    text-align: center;
}

.rank-object img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #2a6eeb;
}

.rank-object:last-child img {
    border: 2px solid #cc234c;
}

.rank-object .rank-userName {
    font-size: 18px;

    color: #F4765C;
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.rank-object .rank-userID {
    font-size: 16px;

    color: #666666;
}

.rank-table {
    margin-top: 120px;
    width: 1220px;
    table-layout: fixed;
}

.rank-table tbody tr td {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rank-table tbody td a {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
    text-align: left;
    margin-left: 3px;

}

.rank-table tbody td a:first-child {
    text-align: right;
    margin-right: 3px;
}

.rank-table thead tr {
    height: 50px;
    background: #FFF2E1;
    line-height: 50px;
    font-size: 20px;
    color: #4d4d4d;
}

.rank-table thead tr th:first-child {
    width: 80px;
}

.rank-table thead tr th:nth-child(2) {
    width: 400px;
}

.rank-table tbody tr {
    height: 50px;
    line-height: 50px;
    color: #666666;
}


.rank-table tbody tr:nth-child(2n) {
    height: 50px;
    background: #FFF2E1;
    line-height: 50px;
}




/* 攻城榜E */
/* 礼物周星榜S */
.rank-giftList {
    margin-top: 48px;
}

.rank-giftTitle {
    position: relative;
    padding-left: 44px;
    padding-top: 0;
    font-size: 22px;

    color: #4d4d4d;
}

.rank-giftTitle .rank-week {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #666;
}

.rank-week b {
    cursor: pointer;
}

.rank-week .active {
    color: #f4765c;
}

.rank-giftTitle img {
    position: absolute;
    width: 24px;
    height: 18px;
    top: 3px;
    left: 10px;
}

.rank-giftShow {
    width: 1220px;
    margin-top: 15px;
}

.rank-giftShow a {
    display: block;
}

.rank-commongift {
    float: left;
    width: 290px;
    height: 266px;
    background: #fff;
    border-radius: 10px;
    margin-right: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}

.rank-commongift:nth-child(4n) {
    margin-right: 0;
}

.rank-commongift:nth-child(n + 5) {
    margin-bottom: 0;
}

.rank-commongift .jinlu {
    border-radius: 10px 10px 0px 0px;
    height: 88px;
    background: linear-gradient(0deg, #FEAC72 0%, #FDC044 100%);
    padding-top: 8px;
}



.jinlu .jinluPic {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    top: -7px;
    left: 62px;
    margin-top: 8px;
    background: #fff;
    border-radius: 50%;
}

.jinluPic img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.jinlu em {
    font-size: 20px;
    position: relative;
    left: 70px;
    top: -38px;

    color: #ffffff;
    margin-left: 10px;
}

.rank-giftShow .rank-giftOne {
    height: 80px;
}

.rank-giftRank {
    float: left;
    padding-left: 22px;
    padding-top: 41px;
    font-size: 18px;
    font-weight: 600;
    color: #9a9a9a;
}

.rank-userInfo {
    float: left;
    position: relative;
    width: 100px;
    height: 80px;
}

.rank-userInfo .giftGold {
    position: absolute;
    left: 24px;
    top: 20px;
}

.rank-userInfo .theOne {
    position: absolute;
    left: 19px;
    top: 7px;
    width: 62px;
    height: 61px;
}

.rank-userInfo .gift-avatar {
    position: absolute;
    left: 27px;
    top: 23px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.gift-first {
    position: absolute;
    left: 20px;
    top: 5px;
}

.rank-giftUser {
    float: left;
    position: relative;
    width: 150px;
    left: 0px;
    padding-top: 20px;
}

.rank-giftUser .rank-userMing {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #323232;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-giftUser i {
    position: absolute;
    right: 5px;
    top: 25px;
}

.rank-giftUser .rank-giftNum {
    margin-top: 9px;
    font-size: 12px;
    color: #666666;
    width: 200px;
}

.rank-giftMore {
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    margin-bottom: 18px;
}



.rank-giftMore .ranknum {
    font-size: 18px;
    font-weight: 600;
    color: #9a9a9a;
    position: relative;
    left: 0;
    top: -5px;
}

.rank-giftMore .actor_level_spec {
    margin-left: 8px;
}

.actor_level_spec i {
    position: relative;
    left: 0;
    top: -5px;
    transform: scale(0.8);
}

.rank-giftMore .rank-userMing span {
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 12px;
    color: #666666;

}

.rank-giftMore .rank-giftNum {
    display: inline-block;
    position: relative;

    font-size: 12px;
    color: #666666;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 礼物周星榜 */
/* 排行榜 */