.userRanks[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-repeat:no-repeat;background-size:100% 500px}.userRanks.hasBg[data-v-4b412446]{background-image:url(https://web-data.zmlearn.com/image/c7b7d2fb-c2db-4476-a762-3c39fb73cb0b.png)}.userRanks.noRankContainer[data-v-4b412446]{height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.userRanks .userRanks--header[data-v-4b412446]{font-size:36px;color:#ff9b1a;font-weight:600;margin-top:44px}.userRanks .userRanks--subHeader[data-v-4b412446]{margin-top:10px;font-size:16px;color:#7a3000;font-weight:400;padding:5px 7px 3px 9px;background-color:#f8e6db;border-radius:15px}.userRanks .userRanks--rank[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;width:378px;height:267px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:26px;background-image:url(../img/podium.494c7892.png);background-repeat:no-repeat;background-size:100% 91px;background-position-y:bottom}.userRanks .userRanks--rank .userRanks--rank__left[data-v-4b412446]{width:80px;margin-top:26px;margin-right:20px}.userRanks .userRanks--rank .userRanks--rank__left .rank--userItem__top[data-v-4b412446]{background-image:url(../img/rank-second-avatar.11931574.png)}.userRanks .userRanks--rank .userRanks--rank__center[data-v-4b412446]{margin-right:20px}.userRanks .userRanks--rank .userRanks--rank__center .rank--userItem__top[data-v-4b412446]{background-image:url(../img/rank-first-avatar.2058a615.png)}.userRanks .userRanks--rank .userRanks--rank__right[data-v-4b412446]{width:80px;margin-top:42px}.userRanks .userRanks--rank .userRanks--rank__right .rank--userItem__top[data-v-4b412446]{background-image:url(../img/rank-third-avatar.c85277ff.png)}.userRanks .userRanks--rank .rank--user__item[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.userRanks .userRanks--rank .rank--user__item .rank--userItem__top[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;width:88px;height:96px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6px;background-repeat:no-repeat;background-size:100% 100%;background-position-y:-2px}.userRanks .userRanks--rank .rank--user__item .avatar[data-v-4b412446]{width:80px;height:80px;border-radius:50%}.userRanks .userRanks--rank .rank--user__item .rank--userItem__middle[data-v-4b412446]{margin:10px 0 6px;font-size:14px;color:#333;font-weight:600}.userRanks .userRanks--rank .rank--user__item .rank--userItem__bottom[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#ff9b1a}.userRanks .userRanks--rank .rank--user__item .rank--userItem__bottom .coin[data-v-4b412446]{width:16px;height:16px;margin-right:6px}.userRanks .userRanks--rank .slideTop2Bottom[data-v-4b412446]{-webkit-animation:top2Bottom-data-v-4b412446 2s linear infinite;animation:top2Bottom-data-v-4b412446 2s linear infinite}.userRanks .userRanks--content .rank--item[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;width:600px;height:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px;background-color:#fff;cursor:pointer}.userRanks .userRanks--content .rank--item[data-v-4b412446]:hover{background-color:#fafafa}.userRanks .userRanks--content .rank--item .rank--item__left[data-v-4b412446]{margin-right:30px;font-size:18px;color:#999}.userRanks .userRanks--content .rank--item .rank--item__center[data-v-4b412446]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#333;font-weight:600}.userRanks .userRanks--content .rank--item .rank--item__center img[data-v-4b412446]{width:40px;height:40px;border-radius:50%;margin-right:16px}.userRanks .userRanks--content .rank--item .rank--item__right[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#ff9b1a}.userRanks .userRanks--content .rank--item .rank--item__right img[data-v-4b412446]{width:16px;height:16px;margin-right:6px}.userRanks .userRanks--content .rank--item .rank--item__right .reverse[data-v-4b412446]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.userRanks .rank--detail .rank--detail__header[data-v-4b412446]{width:100%;height:90px;position:relative;top:-22px;background-color:transparent;background-image:url(https://web-data.zmlearn.com/image/ca48861b-b893-4266-b1bc-a8d557d71d0e.png);background-repeat:no-repeat;background-size:100% 100%}.userRanks .rank--detail .rank--detail__header span[data-v-4b412446]{display:inline-block;margin-top:50px;margin-left:30px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;color:#fff}.userRanks .rank--detail .rank--detail__content[data-v-4b412446]{height:342px;overflow:auto;margin-top:-22px}.userRanks .rank--detail .rank--detail__content .detail--content__item[data-v-4b412446]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:14px 30px 13px 30px;border-bottom:1px solid #f4f4f4;font-size:12px;color:#333;font-weight:500}.userRanks .rank--detail .rank--detail__content .detail--content__item[data-v-4b412446]:first-child{padding:7px 30px 6px 30px;background-color:#f4f4f4}.userRanks .rank--detail .rank--detail__content .detail--content__item .detail--content__left[data-v-4b412446]{width:242px;max-width:242px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:70px}.userRanks .rank--detail .rank--detail__content .detail--content__item .detail--content__center[data-v-4b412446]{width:50px;text-align:center}.userRanks .rank--detail .rank--detail__content .detail--content__item .detail--content__right[data-v-4b412446]{width:60px;margin-left:58px;text-align:center;color:#ff9b1a}.userRanks .rank--detail .rank--detail__content .detail--content__item .detail--content__right.title[data-v-4b412446]{color:#333}.userRanks .rank--detail .close--icon[data-v-4b412446]{position:absolute;bottom:-52px;left:50%;margin-left:-16px}.userRanks .rank--detail .close--icon img[data-v-4b412446]{width:32px;height:32px}.userRanks .detailDialog[data-v-4b412446] .el-dialog{border-radius:8px}.userRanks .detailDialog[data-v-4b412446] .el-dialog__body,.userRanks .detailDialog[data-v-4b412446] .el-dialog__header{padding:0}.userRanks .noRanks[data-v-4b412446]{text-align:center}.userRanks .noRanks img[data-v-4b412446]{width:280px;height:160px;margin-bottom:16px}.userRanks .noRanks .noRanks--footer[data-v-4b412446]{font-size:16px;color:#666}@-webkit-keyframes top2Bottom-data-v-4b412446{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes top2Bottom-data-v-4b412446{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}