.Ranking{
    background-color: #000;
}
.Ranking-partOne{
    width: 100%;
    height: 4634px;
    box-sizing: border-box;
    background-image: url('/article/img/battlenet/Ranking/Ranking-bg.webp');
    background-size: 2560px 4634px;
    background-repeat: no-repeat;
    background-position: center top;
    
}
.Ranking .Ranking-main{
    width: 1252px;
    margin: 0 auto;
    padding-top: 160px;
    box-sizing: border-box;
}
.Ranking .Ranking-main .Ranking-txt1{
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 69.014px;
    font-style: normal;
    font-weight: 630;
    line-height: normal;
}
.Ranking .Ranking-main .Ranking-txt2{
    color: #FFC57C;
    font-family: "MiSans VF";
    font-size: 69.014px;
    font-style: normal;
    font-weight: 630;
    line-height: normal;
    margin-bottom: 10px;
}
.Ranking .Ranking-main .Ranking-txt3{
    color: #FFF;
    font-family: MiSans;
    font-size: 43.134px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 126.9px;
}
.Ranking .Ranking-main .Ranking-list{
    display: flex;
    padding: 0 26px;
    box-sizing: border-box;

}
.Ranking .Ranking-main .Ranking-list .Ranking-item{
    flex: 1;
    padding: 134.96px  58.33px  18px 58.33px;
    box-sizing: border-box;
    background-image: url('/article/img/battlenet/Ranking/Ranking-se1-itembg1.png');
    background-size:392.121px 296.97px;
    background-repeat: no-repeat;
    background-position: center top;
}
.Ranking .Ranking-main .Ranking-list .Ranking-item:nth-child(2){
    background-image: url('/article/img/battlenet/Ranking/Ranking-se1-itembg2.png');
}
.Ranking .Ranking-main .Ranking-list .Ranking-item:nth-child(3){
    background-image: url('/article/img/battlenet/Ranking/Ranking-se1-itembg3.png');
}
.Ranking .Ranking-main .Ranking-list .Ranking-item:not(:last-child){
    margin-right: 12.2px;
}
.Ranking .Ranking-main .Ranking-list .Ranking-item .Ranking-item-txt1{
    color: #FFF;
    text-align: center;
    font-family: "DingTalk JinBuTi";
    font-size: 21.818px;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
    margin-bottom: 27.65px;
}
.Ranking .Ranking-main .Ranking-list .Ranking-item .Ranking-item-div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
.Ranking .Ranking-main .Ranking-list .Ranking-item .Ranking-item-div div{
    padding: 6.06px 9.7px;
    border-radius: 4.242px;
    border: 0.606px solid rgba(255, 255, 255, 0.80);
    background:rgba(255, 255, 255, 0.10);
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 12.121px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    margin-right: 10.2px;
    margin-bottom: 12.12px;
}
.Ranking .Ranking-main .Ranking-txt4{
    color: #FFC57C;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 60px;
    font-style: normal;
    font-weight: 520;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 52.03px;
    margin-bottom: 40px;
}
.Ranking .Ranking-main .Ranking-AcceleratorList{
    display:flex ;
    flex-wrap: wrap;
    padding: 0 26px;
    box-sizing: border-box;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem{
    flex: 31.9%;
    padding: 25.71px;
    border-radius: 8.571px;
    box-sizing: border-box;
    background: #212121;
    box-shadow: 0px 0px 17.143px 0px rgba(0, 0, 0, 0.10);
    margin-right: 25.71px;
    margin-bottom: 27.71px;
    position: relative;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem.goAheadUpadte{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 25.714px;
    font-style: normal;
    font-weight: 330;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem:last-child{
    background-color: transparent;
    box-shadow: none;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem:nth-child(-n+3):after{
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  display: block;
  width: 70.07px;
  height: 27.64px;
  background: url('/article/img/battlenet/Ranking/Ranking-se2-AcceleratorTopIco.png') no-repeat center center;
  background-size: 70.07px 27.64px;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem:nth-child(2):after{
    background: url('/article/img/battlenet/Ranking/Ranking-se2-AcceleratorTopIco1.png') no-repeat center center;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem:nth-child(3):after{
    background: url('/article/img/battlenet/Ranking/Ranking-se2-AcceleratorTopIco2.png') no-repeat center center;
}

.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem:nth-child(3n+3){
    margin-right: 0;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem .Ranking-Acceleratortop{
    display: flex;
    align-items: center;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem .Ranking-Acceleratorleft{
    margin-right: 17.14px;
}

.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem .Ranking-Acceleratorright p:nth-child(1){
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 30.857px;
    font-style: normal;
    font-weight: 380;
    line-height: normal;
    text-transform: uppercase;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem .Ranking-Acceleratorright p:nth-child(2){
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 17.143px;
    font-style: normal;
    font-weight: 330;
    line-height: normal;
    text-transform: uppercase;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem .Ranking-Acceleratorbottom p{
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 12px;
    font-style: normal;
    font-weight: 330;
    line-height: 21.429px; /* 178.571% */
    text-transform: uppercase;
    opacity: 0.6;
    height: 122.571px;
    margin-top: 17.4px;
    margin-bottom: 17.4px;
}
.Ranking .Ranking-main .Ranking-AcceleratorList .Ranking-Acceleratoritem .Ranking-Acceleratorbottom a{
    display: inline-block;
    width: 100%;
    height: 46.28px;
    border-radius: 8.571px;
    background: #03CB8E;
    text-align: center;
    line-height: 46.28px;
    color: #000;
    font-family: "MiSans VF";
    font-size: 20.571px;
    font-style: normal;
    font-weight: 430;
    text-transform: uppercase;
}
.Ranking .Ranking-main .Ranking-PackageList{
    display: flex;
    margin-top: 68.17px;
    margin-bottom: 68.42px;
    padding: 0 26px;
    box-sizing: border-box;
}
.Ranking .Ranking-main .Ranking-PackageList .Ranking-Packageitem{
    position: relative;
    width: 588.453px;
    flex-shrink: 0;
    height: 209.551px;
    border-radius: 7.583px;
    background: #444;
    margin-right: 23.27px;
    cursor: pointer;
}
.Ranking .Ranking-main .Ranking-PackageList .Ranking-Packageitem a{
    display: inline-block;
    width: 100%;
}
.Ranking .Ranking-main .Ranking-PackageList .Ranking-Packageitem a img{
    width: 100%;
    height: auto;
}
.Ranking .Ranking-main .Ranking-PackageList .Ranking-PackageitemContent{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 18.93px 37.92px;
    box-sizing: border-box;
}
.Ranking .Ranking-main .Ranking-PackageList .Ranking-PackageitemContent .Ranking-PackageitemTxt1{
    color: #FFF;
    font-family: "DingTalk JinBuTi";
    font-size: 37.916px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 24.23px;
    margin-bottom: 17.18px;
}
.Ranking .Ranking-main .Ranking-PackageList .Ranking-PackageitemContent .downloadBtn{
    display: inline-block;
    width: 150.904px;
    height: 40.949px;
    border-radius: 7.583px;
    background: #03CB8E;
    text-align: center;
    line-height: 40.949px;
    color: #000;
    font-family: "MiSans VF";
    font-size: 18.199px;
    font-style: normal;
    font-weight: 430;
    text-transform: uppercase;
}
.Ranking .Ranking-main .Ranking-RecommendTitle{
    color: #FFC57C;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 60px;
    font-style: normal;
    font-weight: 520;
    line-height: normal;
    text-transform: uppercase;
}
.Ranking .Ranking-main .Ranking-RecommendTxt{
    margin-top: 12px;
    margin-bottom: 60.14px;
    color: #FFF;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 24px;
    font-style: normal;
    font-weight: 346;
    line-height: normal;
    text-transform: uppercase;
}
.Ranking .Ranking-main .Ranking-RecommendList{
    display: flex;
    flex-wrap: wrap;
    padding: 0 26px;
    box-sizing: border-box;
    margin-bottom: 68.52px;
}
.Ranking .Ranking-main .Ranking-Recommenditem{
    width: 231.009px;
    height: 137.357px;
    margin-right: 11.24px;
    margin-bottom: 11.24px;
    position: relative;
}
.Ranking .Ranking-main .Ranking-Recommenditem:nth-child(5n+5){
    margin-right: 0;
}
.Ranking .Ranking-main .Ranking-Recommenditem img{
    width: 100%;
    height: 100%;
    border-radius: 4.286px;
}
.Ranking .Ranking-main .Ranking-RecommendTxt1{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 14px;
    font-style: normal;
    font-weight: 380;
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
    background: rgba(0, 0, 0, .7);
}
.Ranking .Ranking-main .Ranking-PageList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 26px;
    box-sizing: border-box;
    
}
.Ranking .Ranking-main .Ranking-PageList li{
    display: flex;
    align-items: center;
    flex: 48.5%;
    margin-bottom: 28px;
}
.Ranking .Ranking-main .Ranking-PageList li::before{
    content: '';
    display: inline-block;
    width: 5.143px;
    height: 5.143px;
    border-radius: 25.714px;
    background: #FFC57C;
    margin-right: 8.571px;
}
.Ranking .Ranking-main .Ranking-PageList li a{
    display: inline-block;
    width: 523px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #FFF;
    text-align: left;
    font-family: "MiSans VF";
    font-size: 14px;
    font-style: normal;
    font-weight: 330;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.6;
}

.Ranking   .Ranking-partTwo {
    width: 100%;
    height:2356px;
    padding-top:100px;
    background: #F4F7FF; 
    box-sizing: border-box;
}

.Ranking  .Ranking-partTwo .Ranking-partTwo-main {
    width: 1400px;
    height: 100%;
    margin: 0 auto;


}

.Ranking  .Ranking-partTwo .Ranking-partTwo-main .Ranking-partTwo-txt {
    color: #000;
    font-size:64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.Ranking  .Ranking-partTwo .Ranking-partTwo-main .Ranking-partTwo-txt span {
    color: #448ee2;
    font-size:64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}