.userEffectPage{width:100%;height:100%}.userEffectPage .swiperMain{position:relative;padding:0 .42667rem;background-color:#f6f6f6;width:100%;height:1.33333rem}.userEffectPage .swiperMain .swipeBox{width:100%;height:100%;background-color:#f6f6f6}.userEffectPage .swiperMain .swipeBox .swipeItem{width:100%;text-align:center;line-height:1.33333rem;font-size:.42667rem;color:#333}.userEffectPage .swiperMain a{position:absolute;top:50%;margin-top:-.24rem;z-index:10}.userEffectPage .swiperMain a i{display:inline-block;font-size:.48rem;color:#6d6d6d}.userEffectPage .swiperMain a.prev{left:1.06667rem}.userEffectPage .swiperMain a.next{right:1.06667rem}.userEffectPage .swiperMain a.nextFalse,.userEffectPage .swiperMain a.prevFalse{display:none}.userEffectPage .swiperMain a.nextFalse i,.userEffectPage .swiperMain a.prevFalse i{color:#ddd}.userEffectPage .effectRanking{font-family:PingFangSC-Regular;color:#333;overflow-y:scroll;position:relative;height:100%}.userEffectPage .effectRanking .nonePage{width:3.2rem;height:4rem;position:absolute;left:50%;margin-left:-1.6rem;top:50%;margin-top:-2rem}.userEffectPage .effectRanking .nonePage img{display:block;max-width:2.66667rem;max-height:2.66667rem;margin:0 auto}.userEffectPage .effectRanking .nonePage p{margin-top:.26667rem;text-align:center;color:#5c5d5d;font-size:.42667rem}.userEffectPage .effectRanking h4{padding-top:.4rem;font-size:.42667rem;text-align:center}.userEffectPage .effectRanking ul.topRanking{margin-top:.26667rem;padding:0 .42667rem}.userEffectPage .effectRanking ul.topRanking li{margin:.26667rem 0;color:#666;position:relative}.userEffectPage .effectRanking ul.topRanking li span{color:#000;font-weight:600}.userEffectPage .effectRanking ul.topRanking li p{font-size:.37333rem;line-height:.42667rem}.userEffectPage .effectRanking ul.topRanking li .vanProgress{width:80%;margin-top:.21333rem}.userEffectPage .effectRanking ul.topRanking li .itemPoints{position:absolute;top:.53333rem;right:5%;color:#666}.userEffectPage .effectRanking .fgx{width:100%;height:.4rem;background-color:#f6f6f6}.userEffectPage .effectRanking .allRanking{height:100%}.userEffectPage .effectRanking .allTit{width:100%;height:1.2rem;line-height:1.2rem;color:#333;font-weight:600;font-size:.37333rem;text-align:center;border-bottom:.02667rem solid #ebedf0}.userEffectPage .effectRanking .allFrom{width:100%;height:99%}.userEffectPage .effectRanking .allFrom .tit{padding:0 .42667rem;width:100%;height:1.2rem;background-color:#f6f6f6;border-bottom:.02667rem solid #ebedf0}.userEffectPage .effectRanking .allFrom .tit li{font-size:.37333rem;line-height:1.2rem;color:#666;float:left;text-align:center}.userEffectPage .effectRanking .allFrom .tit li:first-child{width:10%}.userEffectPage .effectRanking .allFrom .tit li:nth-child(2),.userEffectPage .effectRanking .allFrom .tit li:nth-child(3),.userEffectPage .effectRanking .allFrom .tit li:nth-child(4){width:30%}.userEffectPage .effectRanking .allFrom .list-content{height:calc(100% - 2.53333rem);overflow-y:scroll}.userEffectPage .effectRanking .allFrom .list-content .list-item .item{width:100%;padding:0 .42667rem;height:1.2rem}.userEffectPage .effectRanking .allFrom .list-content .list-item .item span{display:block;float:left;height:1.2rem;line-height:1.2rem;text-align:center;font-size:.32rem;color:#666}.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:first-child{width:10%}.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:nth-child(2),.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:nth-child(3),.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:nth-child(4){width:30%}.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:nth-child(4) em{display:inline-block}.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:nth-child(4) em i{line-height:1.2rem;font-size:.32rem;font-weight:700}.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:nth-child(4) em.rise{color:red}.userEffectPage .effectRanking .allFrom .list-content .list-item .item span:nth-child(4) em.down{color:#1989fa;-webkit-transform:rotate(180deg);transform:rotate(180deg)}