.myEffectPage{width:100%;height:100%}.myEffectPage .swiperMain{position:relative;padding:.26667rem .42667rem 0;background-color:#f6f6f6;width:100%;height:1.6rem}.myEffectPage .swiperMain .swipeBox{width:100%;height:100%;background-color:#f6f6f6}.myEffectPage .swiperMain .swipeBox .swipeItem{width:100%;text-align:center;font-size:.42667rem;color:#333}.myEffectPage .swiperMain .swipeBox .swipeItem p.changeDateStyle.dateStyle{line-height:.66667rem}.myEffectPage .swiperMain .swipeBox .swipeItem p.dateStyle{line-height:1.33333rem}.myEffectPage .swiperMain p.labelIntro{position:absolute;bottom:0;left:50%;line-height:.66667rem;width:5.33333rem;margin-left:-2.66667rem}.myEffectPage .swiperMain p.labelIntro span{display:inline-block;font-size:.42667rem;color:#4bc08a;font-weight:800}.myEffectPage .swiperMain p.labelIntro span.smallText{font-size:.37333rem;color:#999}.myEffectPage .swiperMain a{position:absolute;top:50%;margin-top:-.24rem;z-index:10}.myEffectPage .swiperMain a i{display:inline-block;font-size:.48rem;color:#6d6d6d}.myEffectPage .swiperMain a.prev{left:1.06667rem}.myEffectPage .swiperMain a.next{right:1.06667rem}.myEffectPage .swiperMain a.nextFalse,.myEffectPage .swiperMain a.prevFalse{display:none}.myEffectPage .swiperMain a.nextFalse i,.myEffectPage .swiperMain a.prevFalse i{color:#ddd}.myEffectPage .userEffectDetail{position:relative;height:calc(100% - 4rem);overflow-y:scroll}.myEffectPage .userEffectDetail .nonePage{width:3.2rem;height:4rem;position:absolute;left:50%;margin-left:-1.6rem;top:50%;margin-top:-2rem}.myEffectPage .userEffectDetail .nonePage img{display:block;max-width:2.66667rem;max-height:2.66667rem;margin:0 auto}.myEffectPage .userEffectDetail .nonePage p{margin-top:.26667rem;text-align:center;color:#5c5d5d;font-size:.42667rem}.myEffectPage .ringChart{width:100%;padding:.42667rem .42667rem .26667rem .42667rem;background-color:#fff}.myEffectPage .ringChart .ve-ring{width:100%;height:6.4rem}.myEffectPage .ringChart .ve-ring canvas{width:100%;height:100%}.myEffectPage .effectRanking{height:100%}.myEffectPage .effectRanking .allFrom{width:100%}.myEffectPage .effectRanking .allFrom .tit{padding:0 .42667rem;width:100%;height:1.2rem;background-color:#f6f6f6;border-bottom:.02667rem solid #ebedf0;border-top:.02667rem solid #ebedf0;-webkit-box-sizing:border-box;box-sizing:border-box}.myEffectPage .effectRanking .allFrom .tit li{font-size:.37333rem;line-height:1.2rem;color:#666;float:left;text-align:center}.myEffectPage .effectRanking .allFrom .tit li:first-child,.myEffectPage .effectRanking .allFrom .tit li:nth-child(2){width:40%}.myEffectPage .effectRanking .allFrom .tit li:nth-child(3){width:20%}.myEffectPage .effectRanking .effectList{overflow-y:scroll;width:100%;height:calc(100% - 1.2rem);padding-bottom:.8rem}.myEffectPage .effectRanking .effectList .list-item .item{width:100%;padding:0 .42667rem;height:1.2rem}.myEffectPage .effectRanking .effectList .list-item .item span{display:block;float:left;height:1.2rem;line-height:1.2rem;text-align:center;font-size:.32rem;color:#666}.myEffectPage .effectRanking .effectList .list-item .item span:first-child,.myEffectPage .effectRanking .effectList .list-item .item span:nth-child(2){width:40%}.myEffectPage .effectRanking .effectList .list-item .item span:nth-child(3){width:20%}