.intergralRank{
    width: 1280px;
    margin:0 auto;
    height: auto;
    min-height: 650px;
}

/* 官方消息 */
.intergralRank_content{
    position: relative;
    width: 100%;
    padding-top: 45px;
}
.intergralRank_content .intergralRank_updateTime{
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 2;
    width:auto;
    line-height: 30px;
    font-size:16px;
    color:rgba(36,42,47,.6);
}
.intergralRank_table{
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #EDEDED;
}
.intergralRank_table .intergralRankTab_li{
    position: relative;
    float: left;
    margin: 0 30px 0 0;
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;
    color: #999;
    padding: 0 0 15px 0;
    width: auto;
    border: 0;
    cursor: pointer;
}
.intergralRankTab_li.act, .intergralRankTab_li:hover{
    color: #333;
}
.intergralRankTab_li.act::before{
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 3;
    display: block;
    content: "\20";
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background-color: rgba(160, 0, 0, 1);
}

.intergralRank_content .rankListDom_person, .intergralRank_content .rankListDom_team{
    display: none;
}
.intergralRank_content .rankListDom_person.isShow, .intergralRank_content .rankListDom_team.isShow{
    display: block;
}

.leagueType_table{
    margin: 20px 0 40px 0;
    width: 100%;
    height: auto;
    font-size: 0;
    background-color: #F5F5F5;
}

.leagueType_table_li{
    float: left;
    width: 128px;
    line-height: 40px;
    color: rgba(36, 42, 47, 1);
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.leagueType_table_li:hover, .leagueType_table_li.act{
    background-color: #D91F30;
    color: #fff;
}

/* 个人 样式 start */
.rankPersonList_title{
    padding-left: 266px;
    width: 100%;
    height: auto;
}
.rankPersonList_title li{
    float: left;
    width: 253px;
    line-height: 54px;
    text-align: center;
    color: #242A2F;
    font-size: 20px;
}


.rankPersonList_main{
    width: 100%;
    height: auto;
}
.rankPersonList_main .rankPersonMain_li{
    padding-bottom: 9px;
    width: 100%;
    height: 133px;
    overflow: hidden;
}
.rankPersonMain_li .rankList_left{
    float: left;
    margin-right: 6px;
    width: 260px;
    height: 120px;
    background-color: #E4E4E4;
}

.rankList_left img{
    display: block;
    width: 100%;
    height: 100%;
}
.rankList_left .rankList_imgSpan{
    float: left;
    width: 90px;
    height: 120px;
    overflow: hidden;
}
.rankList_left .rankList_personInfo{
    float: left;
    padding: 15px 0;
    width: 170px;
    height: 100%;
}
.rankList_personInfo span{
    display: block;
    padding: 0 15px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rankList_personInfo .listPersonInfo_number{
    padding-bottom: 15px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
}
.rankList_personInfo .listPersonInfo_name_cn{
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.rankList_personInfo .listPersonInfo_name_en{
    line-height: 20px;
    font-size: 14px;
}

.rankList_right{
    float: right;
    width: 1014px;
    height: 120px;
    border: 1px solid rgba(206,206,206, .3);
    background-color: #fff;
    color: #242A2F;
    font-size: 0;
}

.rankList_right .listPersonData_cell{
    float: left;
    width: 253px;
    line-height: 118px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rankList_right .listPersonData_cell:last-child{
    font-weight: bold;
}

/* .rankPersonMain_li:hover .rankList_left{
    background-color: #242A2F;
    color: #fff;
}
.rankPersonMain_li:hover .rankList_right{
    background-color: #a00000;
    color: #fff;
} */

/* 个人 样式 end */


/* 球队 样式 start */
.rankTeamList_title{
    padding-left: 266px;
    width: 100%;
    height: auto;
}
.rankTeamList_title li{
    float: left;
    line-height: 54px;
    text-align: center;
    color: #242A2F;
    font-size: 20px;
}
.rankTeamList_title li:first-child{
    margin-right: -253px;
    width: 253px;
}
.rankTeamList_title li:nth-child(2){
    padding: 0 253px;
    width: 100%;
}
.rankTeamList_title li:last-child{
    margin-left: -253px;
    width: 253px;
}

.rankTeamList_main{
    width: 100%;
    height: auto;
}
.rankTeamList_main .rankTeamMain_li{
    padding-bottom: 9px;
    width: 100%;
    height: 133px;
    overflow: hidden;
}
.rankTeamMain_li .rankList_left{
    float: left;
    margin-right: 6px;
    width: 260px;
    height: 120px;
    background-color: #E4E4E4;
}
.rankList_left img{
    display: block;
    width: 100%;
    height: auto;
}
.rankTeam .rankList_left .rankList_imgSpan{
    float: left;
    margin: 22px 0 22px 10px;
    width: 80px;
    height: 80px;
}
.rankList_left .rankList_teamInfo{
    float: left;
    padding: 0 10px;
    width: 170px;
    height: 100%;
    line-height: 120px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.rankList_right{
    float: right;
    width: 1014px;
    height: 120px;
    border: 1px solid rgba(206,206,206, .3);
    background-color: #fff;
    font-size: 0;
}
.rankList_right .listTeamData_cell{
    float: left;
    text-align: center;
    color: #242A2F;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rankList_right .listTeamData_cell:first-child{
    margin-right: -253px;
    width: 253px;
    line-height: 122px;
    font-weight: bold;
  
}
.rankList_right .listTeamData_cell:nth-child(2){
    padding: 0 253px;
    width: 100%;
}
.rankList_right .listTeamData_cell:last-child{
    margin-left: -253px;
    width: 253px;
    line-height: 122px;
    font-weight: bold;
  
}
.listTeamData_cell .listTeamCell_player{
    display: inline-block;
    margin: 14px 7px 0 7px;
    width: 70px;
    height: 100px;
    overflow: hidden;
}
.listTeamCell_player .listTeamCell_player_img{
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #3B3B6D;
    overflow: hidden;
}
.listTeamCell_player .listTeamCell_player_img img{
    display: block;
    width: 100%;
    height: auto;
}
.listTeamCell_player .listTeamCell_player_name{
    display: block;
    width: 70px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 球队 样式 end */

#mobile .intergralRank{
    width: 100%;
    min-height: calc(100vh - 1.33rem);
    background-color: #fff;
}

#mobile .intergralRank_content{
    margin-top: 2.746rem;
}

#mobile .intergralRank_content .intergralRank_updateTime{
    display: none;
}
#mobile .intergralRank_table{
    position: fixed;
    left: 0;
    top: 1.33rem;
    z-index: 10;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 1.173rem;
    padding: 0 1.6rem;
    background-color: #fff;
    border-color: rgba(235, 232, 232, 1);
}
#mobile .intergralRank_table .intergralRankTab_li{
    float: none;
    margin: 0;
    padding: 0;
    width: 2.733rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .4rem;
    color: rgba(51, 51, 51, 1);
    cursor: default;
    text-align: center;
}
#mobile .intergralRank_table .intergralRankTab_li.act{
    float: none;
    margin: 0;
    padding: 0;
    border-radius: .4rem;
    color: #fff;
    background-color: rgba(160, 0, 0, 1);
    -webkit-box-shadow: 0 .04rem .106rem 0 rgba(160, 0, 0, 0.51);
    box-shadow: 0 .04rem .106rem 0 rgba(160, 0, 0, 0.51);
    cursor: default;
}
#mobile .intergralRankTab_li.act::before{
    visibility: hidden;
}
#mobile .leagueType_table{
    position: fixed;
    left: 0;
    top: 2.503rem;
    z-index: 10;
    margin: 0;
    height: 1.173rem;
    background-color: #fff;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
    overflow-y: hidden;
}
#mobile .leagueType_table_li, #mobile .leagueType_table_li:hover{
    position: relative;
    float: none;
    display: inline-block;
    margin: 0 .266rem;
    width: auto;
    line-height: 1.173rem;
    font-size: .373rem;
    color: rgba(51, 51, 51, 1);
    cursor: default;
    font-weight: normal;
}
#mobile .leagueType_table_li:first-child{
    margin: 0 .266rem 0 .4rem;
}
#mobile .leagueType_table_li:last-child{
    margin: 0 .4rem 0 .266rem;
}
#mobile .leagueType_table_li.act{
    font-size: .48rem;
    font-weight: bold;
    background-color: #fff;
}
#mobile .leagueType_table_li.act::before{
    position: absolute;
    bottom: .133rem;
    left: 25%;
    z-index: 2;
    content: '\20';
    height: .0533rem;
    width: 50%;
    background-color: rgba(160, 0, 0, 1);
}



/* h5 table list css start  */
#pc .tableH5List_box{
    display: none;
}
#mobile .tableH5List_box{
    width: 100%;
    height: auto;
    background-color: #fff;
}
#mobile .tableH5List_box .tableH5List_table{
    padding-top: 1.107rem;
    display: table;
    width: 100%;
    height: auto;
}

#mobile .tableH5List_table .tableH5List_thead{
    display: table-header-group;
    position: fixed;
    top: calc(1.33rem + 1.173rem + 1.173rem);
    left: 0;
    z-index: 300;
    width: 100%;
    height: auto;
    background-color: rgba(249, 249, 249, 1);
}
#mobile .tableH5List_thead .thead_row{
    display: table-row;
    width: 100%;
    height: auto;
    color: rgba(102, 102, 102, 1);
}
#mobile .tableH5List_table .tableH5List_tbody{
    display: none;
    width: 100%;
    height: auto;
    background-color: #fff;
}
#mobile .tableH5List_table .tableH5List_tbody.isShow{
    display: table-row-group;
}
#mobile .tableH5List_tbody .tbody_row{
    display: table-row;
    width: 100%;
    height: auto;
    color: rgba(51, 51, 51, 1);
}

#mobile .tableH5List_table .cell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: .507rem;
    font-size: .347rem;
}
#mobile .tableH5List_table .tableH5List_thead .cell{
    padding: .4rem .133rem .2rem .133rem;
}
#mobile .tableH5List_table .tableH5List_tbody .cell{
    padding: .4rem .133rem;
}
#mobile .tableH5List_thead .thead_row>span:first-child, #mobile .tableH5List_tbody .tbody_row>span:first-child{
    padding-left: .4rem;
}
#mobile .tableH5List_thead .thead_row>span:last-child, #mobile .tableH5List_tbody .tbody_row>span:last-child{
    padding-right: .4rem;
}
#mobile .tableH5List_table .cell.textAlign_left{
    text-align: left;
}

#mobile .tableH5List_tbody .cell .solt_span{
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 100%;
    height: calc(100%);
}

#mobile .solt_span .rankNo{
    width: .507rem;
    height: .507rem;
    border-radius: 50%;
    background-color: rgba(223, 223, 223, 1);
    text-align: center;
    font-size: .32rem;
}

#mobile .tbody_row:first-child .solt_span .rankNo{
    background-color: rgba(217, 31, 48, 1);
    color: #fff;
}
#mobile .tbody_row:nth-child(2) .solt_span .rankNo{
    background-color: rgba(250, 193, 28, 1);
    color: #fff;
}
#mobile .tbody_row:nth-child(3) .solt_span .rankNo{
    background-color: rgba(240, 107, 46, 1);
    color: #fff;
}


#mobile .solt_span .imgaeSpan{
    width: .507rem;
    height: .507rem;
    margin: 0 .267rem;
    overflow: hidden;
}
#mobile .solt_span .imgaeSpan img{
    display: block;
    width: 100%;
    height: 100%;
}
#mobile .solt_span .name{
    width: calc(100vw - 6.4rem - 1.014rem - .534rem - .4rem - .133rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* h5 table list css end  */

/* add scroll */
.loadingH5{ width: 100%; height: .8rem; position: relative; overflow: hidden; text-align: center; margin: .32rem 0 ; color: #999; font-size: .187rem;}
.loadingH5-icon{color: #707070;}
.loaderH5{
    display: none;
    position: relative;
    font-size: .133rem;
    margin: .106rem auto;
    text-indent: -9999em;
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    background: #999;
    background: -moz-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: scrollMoreLoaderH5An 1s infinite linear;
    -moz-animation: scrollMoreLoaderH5An 1s infinite linear;
    -o-animation: scrollMoreLoaderH5An 1s infinite linear;
    animation: scrollMoreLoaderH5An 1s infinite linear;
 }
 .loadingH5 .loaderH5{
     display: block;
 }
 .loadingH5 .loaderH5:before {
     width: 50%;
     height: 50%;
     background: #999;
     border-radius: 100% 0 0 0;
     position: absolute;
     top: 0;
     left: 0;
     content: '';
 }
 .loadingH5 .loaderH5:after {
     background: #fff;
     width: 72%;
     height: 75%;
     border-radius: 68%;
     content: '';
     margin: auto;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
 }
@-webkit-keyframes scrollMoreLoaderH5An {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes scrollMoreLoaderH5An {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-o-keyframes scrollMoreLoaderH5An {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
 
@keyframes scrollMoreLoaderH5An {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
 }