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

.main_title{
    padding: 40px 0 20px 0;
    color: #242A2F;
    font-weight: bold;
    text-align: left;
    font-size: 34px;
    line-height: 44px;
}

.teamAll_acronym{
    margin-bottom: 10px;
    padding-left: 26px;
    width: 100%;
    height: 50px;
    background-color: #2A2F34;
    border-radius: 5px;
}
.teamAll_acronym .teamAll_acronym_ul{
    width: 100%;
    height: auto;
}
.teamAll_acronym_ul .teamAll_acronym_li{
    float: left;
    padding: 0 10px;
    width: auto;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.teamAll_acronym_ul .teamAll_acronym_li:hover, .teamAll_acronym_ul .teamAll_acronym_li.act{
    color: rgb(111, 125, 249, 1);
}

 /* 选择选项 */
 .teamAll_div {
    width: 100%;
    margin: 0 auto;
 }
 .teamAll_div .teamAll_select{
    height: 66px;
    background:rgba(207,207,207,0.3);
    border-radius: 6px;
    border:1px solid rgba(206,206,206,0.3);
   
 }
 .teamAll_select .select_left, .teamAll_select .select_mid, .teamAll_select .select_right{
    float: left;
    width: 180px;
    height: 64px;
    display: block;
    border-radius: 0;
    position: relative;
    background-color: #fff;
    border-right: 1px solid rgba(232, 232, 232, 1);
 }

.teamAll_select .select_left{
    border-radius: 6px 0 0 6px;
}
.teamAll_select .select_right{
    border-radius: 0 6px 6px 0;
}
.select_left>span{
    float: left;
    font-size:12px;
    color:rgba(149,149,149,1);
    /* border-radius: 6px; */
}
.select_left>span:nth-child(1){
   width: 100%;
   height: 26px;
   line-height: 35px;
   padding-left: 36px;
   background: #fff;
   border-radius: 6px 0 0 0 ;
}
.select_left>span:nth-child(2){
  height: 38px;
}

.select_left>span .el-input__inner{
    font-size:16px;
    font-weight:bold;
    color:rgba(36,42,47,1);
    padding: 0 33px;
    border:none;
    border-radius:0 0 0 6px;
    height: 38px;
    line-height: 38px;
   
}
.select_mid>span:nth-child(1){
    width: 100%;
   height: 26px;
   line-height: 35px;
   padding-left: 36px;
   background: #fff;
 }
.select_mid>span{
    float: left;
    font-size:12px;
    color:rgba(149,149,149,1);
    border-radius: 0;

}
.select_mid>span .el-input__inner{
    font-size:16px;
    font-weight:bold;
    color:rgba(36,42,47,1);
    padding: 0 33px;
    border:none;
    border-radius: 0;
    height: 38px;
    line-height: 38px;  
}

.select_right>span:nth-child(1){
    width: 100%;
   height: 26px;
   line-height: 35px;
   padding-left: 36px;
   background: #fff;
   border-radius: 0 6px 0 0;
 }
.select_right>span{
    float: left;
    font-size:12px;
    color:rgba(149,149,149,1);
    border-radius: 0 0 6px 0 ;

}
.select_right>span .el-input__inner{
    font-size:16px;
    font-weight:bold;
    color:rgba(36,42,47,1);
    padding: 0 33px;
    border:none;
    border-radius: 0 0 6px 0;
    height: 38px;
    line-height: 38px;  
}
 .select_donw{
    top: 313px!important;
}
 .select_donw .popper__arrow{
    top: -8px!important;
    border:1px solid #fff!important;
    background: #fff;
    display:none!important;
}
 .el-select-dropdown__list{
     padding: 0;
 }
.el-select-dropdown__item.selected{
    background:rgba(41, 50, 137, 1)!important;
    color: #fff;
 }



 /* 球员列表部分 */
.team_list_content{
    display: none;
    width: 1280px;
    margin:0 auto;
    padding-top: 50px;
}
.team_list_content.isShow{
    display: block;
}
    .team_list_content .team_list_content_title{
       width: 100%;
       padding-bottom: 15px;
    }
    .team_list_content .team_list_content_title .personDiv{
        float: left;
        margin-right: -269px;
        width: 269px;
        height: 36px;
        
    }
    .team_list_content .team_list_content_title .otherDiv{
        float: left;
        padding-left: 269px;
        width: 100%;
        height: 36px;
        line-height: 36px;
        
    }
    .team_list_content_title .otherDiv span{
        float: left;
        font-size: 20px;
        color: #242A2F;
        font-weight: 700;
        letter-spacing: 1.67px;
        width: 20%;
        text-align: center;
    }
    .team_list_content_title .otherDiv span:nth-child(3), .team_list_content_title .otherDiv span:nth-child(5){
        width: 20%;
    }

    .scend_ranking_kong{
        display:none;
        width: 60%;
        margin: 50px auto;
    }
    .scend_ranking_kong.isShow{
        display:block;
    }
    .scend_ranking_kong>img{
       width: 100%;
       height: 100%;
    }
    .team_list_content_list {
      display: none;
    }
    .team_list_content_list.isShow {
        display: block;
    }
    .team_list_content_list .team_list_content_list_item{
        width: 100%;
        height: 120px;
        margin-bottom: 9px;
    }
    .team_list_content_list_item_avg{
        display: none;
        height: 120px;
        width: 100%;
    }
    .team_list_content_list_item_avg.isShow{
      display: block;
   }
    .team_list_content_list_item_avg>p:nth-child(1){
     width: 262px;
     height: 120px;
     margin-right: 6px;
     float: left;
    }
    .team_list_content_list_item_avg>p:nth-child(2){
     float: left;
     width: 79%;
     height: 120px;
     border: 1px solid #ecebeb;
     padding: 41px 0 0 140px;
    }
   
   
    .team_list_content_list_item_avg>p:nth-child(2)>span{ 
     display: block;
     line-height: 21px;
    }
    .team_list_content_list_item_avg>p:nth-child(2)>span>i{
     font-size:17px;
     color:rgba(36,42,47,1);
     line-height:21px;
     letter-spacing:1px;
    }
    .team_list_content_list_item:hover .personDiv{
      background: #242A2F;
   }
   .team_list_content_list_item:hover .personDiv>span>i{
       color: #fff;
    }
    .team_list_content_list_item .personDiv{
        float: left;
        background: #E4E4E4;
        margin-right: 6px;
        cursor: pointer;
    }

    .personDiv>span{
       float: left;
     }
    .personDiv>span:nth-child(1){
        display: block;
        width: 84px;
        height: 120px;
        overflow: hidden;
      
     }

    .personDiv>span:nth-child(1)>img{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
     .personDiv>span:nth-child(2){
       width: 178px;
       height: 120px;
       padding: 15px 15px 0 15px;
     }
     .personDiv>span:nth-child(2)>i{
         display: block;
         width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
    .personDiv>span:nth-child(2)>i:nth-child(1){
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
   
    }
     .personDiv>span:nth-child(2)>i:nth-child(2){
         font-size: 12px;
         line-height: 16px;
         color: #000;
         padding:4px 0 15px 0; 
    
      }
      .personDiv>span:nth-child(2)>i:nth-child(3){
         font-size: 14px;
         line-height: 18px;
         font-weight: bold;
   
      }
      .personDiv>span:nth-child(2)>i:nth-child(4){
        font-size: 14px;
        line-height: 18px;
  
     }
     .team_list_content_list_item .otherDiv{
       float: left;
       width: 79%;
       height: 120px;
       display: flex;
       display: -webkit-flex;
       justify-content: flex-start;
       -webkit-justify-content: flex-start;
       -moz-justify-content: flex-start;
       -ms-justify-content: flex-start;
       -o-justify-content: flex-start;
       align-items: center;
       -webkit-align-items: center;
       -moz-align-items: center;
       -ms-align-items: center;
       -o-align-items: center;
       border: 1px solid #ecebeb;      
      
    }
    .team_list_content_list .team_list_content_list_item:hover .otherDiv{
       background: #A00000;
       border: 1px solid #CECECE;
    }
    .team_list_content_list .team_list_content_list_item:hover .personDiv>span:nth-child(2)>i:nth-child(2){
       color: #fff;
    }
    .team_list_content_list .team_list_content_list_item:hover .otherDiv>span{
       color: #fff;
    }
    .team_list_content_list_item .otherDiv>span{
       display:block;
       height: auto;
       width: 20%;
       text-align: center; 
       font-size: 20px;
       font-weight: bold;
       line-height: 28px;
       float: left; 
    }
    .team_list_content_list_item .otherDiv span:nth-child(3), .team_list_content_list_item .otherDiv span:nth-child(5){
        width: 20%;
    }

#mobile #scrollLoader-container{
    width: 100%;
    padding: 0;
    height: calc(100vh);
    overflow-x:hidden; 
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    }
#mobile .hideH5, #pc .showH5{
    display: none;
}

#mobile .main{
    padding-top: 3.01rem;
    width: 100%;
    min-height: calc(100vh);
}
#mobile .main_title, #mobile .teamAll_acronym{
    display: none;
}
#mobile .moreBtn{
    display: none;
}

/* mobile 筛选框 start */

#mobile .teamAll_div .teamAll_select{
    position: fixed;
    top: calc(1.33rem);
    left: 0;
    z-index: 290;
    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;
    padding: .267rem .4rem 0 .4rem;
    width: 100%;
    height: 1.68rem;
    background-color: rgba(249, 249, 249, 1);
    border: 0;
 }
 #mobile .teamAll_select>span{
    display: none;
 }
 #mobile .teamAll_select>span.h5{
    float: none;
    display: block;
    position: relative;
    margin-left: 5%;
    padding: 0;
    width: 30%;
    height: .88rem;
    border-radius: .053rem;
    font-size: 0;
    background-color: #fff;
    border: 1px solid rgba(213, 222, 222, 1);
    overflow: hidden;
 }
 #mobile .teamAll_select>span.h5:first-child{
    margin: 0;
 }
 #mobile .teamAll_select>span.h5>span:first-child{
    display: none;
 }
 #mobile .teamAll_select>span.h5>span:nth-child(2){
    height: calc(.88rem - 2px);
 }
 #mobile .h5>span .el-input__inner{
    padding: 0 .4rem;
    height: calc(.88rem - 2px);
    line-height: calc(.88rem - 2px);
    font-size: .347rem;
    border-radius: .053rem;
 }
 #mobile .el-select .el-input .el-select__caret{
    width: .4rem;
    text-align: center;
    font-size: .32rem;
    line-height: calc(.88rem - 2px);
    color: rgba(59, 59, 109, 1);
 }
 #mobile .el-input__icon:after{
     content: none;
 }
 #mobile .el-input__suffix{
    right: .04rem;
 }

 #mobile .select_donw{
    top: calc(1.33rem + .88rem + .533rem) !important;
    margin: 0 !important;
 }

 #mobile .el-select-dropdown__item{
    font-size: .32rem;
    line-height: .88rem;
    height: .88rem;
 }
#mobile .el-select-dropdown__item.hover, #mobile .el-select-dropdown__item:hover{
    background-color: #fff;
}
 #mobile .el-select-dropdown__wrap{
    max-height: 4.84rem;
 }
/* mobile 筛选框 end */


/* 球员 list start  */
#mobile .team_list_content{
    position: relative;
    width: 100%;
    padding: .4rem;
}

#mobile .team_list_content_list_item_avg{
    height: 0;
}
#mobile .team_list_content_list_item_avg>p:nth-child(1){
    display: none;
}
#mobile .team_list_content_list_item_avg>p:nth-child(2){
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: auto;
    padding: .4rem .4rem .266rem 3.066rem;
    border: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    
}
#mobile .team_list_content_list_item_avg>p:nth-child(2)>span{
    padding: 0;
    line-height: .453rem;
    font-size: .32rem;
}

#mobile .team_list_content_title{
    display: none;
}

#mobile .team_list_content_list .team_list_content_list_item{
    position: relative;
    margin-bottom: .4rem;
    height: 3.573rem;
}
#mobile #mobile .team_list_content_list .team_list_content_list_item:last-child{
    margin-bottom: 0;
}
#mobile .team_list_content_list_item .personDiv{
    float: none;
    margin: 0;
    width: 100%;
    height: calc(100%);
    cursor: default;
}
#mobile .team_list_content_list_item:hover .personDiv{
    background-color: #E4E4E4;
}
#mobile .personDiv>span:nth-child(1){
    width: 2.666rem;
    height: calc(100%);
}
#mobile .personDiv>span:nth-child(2){
    position: relative;
    width: calc(100% - 2.666rem);
    padding: .266rem 2rem .266rem .32rem;
    height: calc(100%);

}
#mobile .personDiv>span:nth-child(2)>i:nth-child(1){
    font-size: .4rem;
    line-height: .56rem;
}
#mobile .personDiv>span:nth-child(2)>i:nth-child(3){
    padding-top: .586rem;
    font-size: .373rem;
    line-height: .533rem;
}
#mobile .personDiv>span:nth-child(2)>i:nth-child(2){
    position: absolute;
    top: .886rem;
    left: .32rem;
    z-index: 2;
    font-size: .293rem;
    line-height: .4rem;
}
#mobile .team_list_content_list_item .otherDiv{
    display: none;
}
#mobile .team_list_content_list_item .personDiv>span>i, #mobile .team_list_content_list_item:hover .personDiv>span>i{
    color: rgba(51, 51, 51, 1);
}
#mobile .otherInfo{
    color: rgba(51, 51, 51, 1);
}
#mobile .otherInfo span{
    display: block;
    position: absolute;
    z-index: 2;
}
#mobile .otherInfo .otherInfo_height{
    left: .32rem;
    bottom: .266rem;
    width: 50%;
    font-size: .293rem;
    line-height: .4rem;
}
#mobile .otherInfo .otherInfo_weight{
    right: 0;
    bottom: .266rem;
    width: 50%;
    font-size: .293rem;
    line-height: .4rem;
}
#mobile .otherInfo .otherInfo_position{
    right: .32rem;
    top: .266rem;
    width: 1.68rem;
    height: .8rem;
    font-size: .32rem;
    line-height: .8rem;
    border: 1px solid rgba(204, 204, 204, 1);
    text-align: center;
    color: rgba(51, 51, 51, 1);
    border-radius: .08rem;
}

#mobile .scend_ranking_kong{
    width: calc(100% - .8rem);
    margin: .8rem auto;
}

/* 球员 list 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);
    }
 }