.phb-title {
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.34rem;
    position: relative;
    color: #333333;
    font-weight: bold;
    background-color: #fbfbfb;
    border-bottom: 1px solid #ccc;
}

.phb-title a {
    width: 0.27rem;
    height: 0.48rem;
    background: url(/images/v1/mg10.png) no-repeat;
    background-size: 100% 100%;
    top: 0.21rem;
    left: 0.3rem;
    display: block;
    position: absolute;
}

.phb-swiper {
    width: 7.1rem;
    margin: auto;
}

.phb-nav {
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-wrap: nowrap;
    width: auto;
    font-size: 0;
}

.phb-nav a {
    display: block;
    margin-right:0.4rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #666666;
    position: relative;
    flex-shrink: 0;
}
.phb-nav a:last-child{
    margin-right:0;
}
.phb-nav a.checked {
    color: #333333;
    font-size:0.28rem;
}

.phb-nav a.checked:after {
    content: "";
    display: block;
    width: 0.56rem;
    height: 0.08rem;
    bottom: -0.2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #e04127;
    border-radius: 0.04rem;
    position: absolute;
}

.phb-toggle-1 {
    width: 7.1rem;
    margin: 0.3rem auto 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

.phb-toggle-1 a {
    font-size: 0.28rem;
    color: #686868;
    margin-right: 0.8rem;
}

.phb-toggle-1 a.checked {
    font-size: 0.34rem;
    color: #333333;
    font-weight: bold;
}

.phb-toggle-2 {
    height: 0.8rem;
    width: 7.1rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-wrap: nowrap;
}

.phb-toggle-2 a {
    display: block;
    font-weight: bold;
    color: #666666;
    position: relative;
    flex-shrink: 0;
}

.phb-toggle-2 a.checked {
    color: #333333;
    font-size: 0.28rem;
}

.phb-toggle-2 a.checked:after {
    content: "";
    display: block;
    width: 0.56rem;
    height: 0.08rem;
    bottom: -0.2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #e04127;
    border-radius: 0.04rem;
    position: absolute;
}

/*榜单*/
.rank-li {
    height: 2.1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 0.24rem;
}

.rank-li .rank-img {
    width: 1.58rem;
    height: 2.1rem;
    overflow: hidden;
    border-radius: 0.1rem;
}

.rank-li .rank-img img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.main-info {
    width: 3.7rem;
    height: 2.1rem;
    margin-left: 0.24rem;
}

.main-info .game-name {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    overflow: hidden;
    text-align: left;
    color: #333333;
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: 0.22rem;
    display: block;
}

.main-info p {
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.24rem;
    color: #515151;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0.22rem;
}

.platform-btn {
    width: 100%;
    height: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.3rem;
}

.platform-btn span {
    width: 0.21rem;
    height: 0.21rem;
    display: block;
    background: url(/images/v1/rank-xbox.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.24rem;
}
.platform-btn .rank-u {
    width: 0.48rem;
    height: 0.16rem;
    background-image: url(/images/v1/rank-wiiu.png);
}
.platform-btn .rank-ps2,
.platform-btn .rank-ps3,
.platform-btn .rank-ps4,
.platform-btn .rank-psp {
    width: 0.27rem;
    height: 0.23rem;
    background-image: url(/images/v1/rank-ps.png);
}


.platform-btn .rank-3ds {
    width: 0.4rem;
    height: 0.17rem;
    background-image: url(/images/v1/rank-3ds.png);
}


.platform-btn .rank-other,
.platform-btn .rank-nds,
.platform-btn .rank-wii,
.platform-btn .rank-ngc {
    width: 0.44rem;
    height: 0.24rem;
    background-image: url(/images/v1/rank-other.png);
}
.platform-btn .rank-psv {
    background-image: url(/images/v1/rank-psv.png);
}
.platform-btn .rank-pc {
    width: 0.23rem;
    height: 0.22rem;
    background-image: url(/images/v1/rank-pc.png);
}

.platform-btn .rank-switch {
    background-image: url(/images/v1/rank-switch.png);
}

.platform-btn .rank-vr {
    width: 0.46rem;
    height: 0.2rem;
    background-image: url(/images/v1/rank-vr.png);
}


.platform-btn .rank-xbox {
    background-image: url(/images/v1/rank-xbox.png);
}

.rank-num {
    width: 0.68rem;
    height: 0.68rem;
    box-sizing: border-box;
    background: #f0f0f0;
    border: 0.04rem solid #e6e6e6;
    display: table;
    text-align: center;
    border-radius: 50%;
}

.rank-num.top1 {
    background: #ffb400;
    border: 0.08rem solid #ffd200;
}

.rank-num.top2 {
    background: #a0a0a0;
    border: 0.08rem solid #cfcfcf;
}

.rank-num.top3 {
    background: #a87645;
    border: 0.08rem solid #d39c33;
}

.rank-num.top1 span,
.rank-num.top2 span,
.rank-num.top3 span {
    color: white;
    text-align: center;
    font-size: 0.4rem;
}

.rank-num span {
    font-size: 0.36rem;
    color: #b9b9b9;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.main-content .rank-li:last-child .rank-num span {
    font-size: 0.28rem;
}
.main-content+.main-content{
    display:none;
}
.score{
    height:0.3rem;
    font-size:0.24rem;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    color: #515151;
    margin-bottom: 0.22rem;
}
.score span{
    display:block;
    width:1.9rem;
    height:0.3rem;
    background:url(/images/v1/mg27.png) no-repeat;
    background-size:100% 100%;
    margin-right:0.2rem;
}
.score span i{
    display:block;
    float:left;
    height:0.3rem;
    width:60%;
    background:url(/images/v1/mg28.png) no-repeat left;
    background-size:auto 100%;
}
.abdd{margin-top: -.2rem;margin-bottom: .2rem;}