.recommend-rank[data-v-b4d6b1d4]{min-height:100vh;width:100%;background:#cdefd8;font-size:14px;overflow-x:hidden;overflow-y:scroll}.rank-banner[data-v-b4d6b1d4]{height:8.05rem}.rank-banner img[data-v-b4d6b1d4]{height:100%;width:100%;display:block}.recommend-rank-box[data-v-b4d6b1d4]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 2% 2% 2%}.recommend-rank-box .box[data-v-b4d6b1d4]{padding:3% 4%;overflow:hidden;margin-top:10px}.rank-No[data-v-b4d6b1d4],.recommend-rank-box .box[data-v-b4d6b1d4]{background:#fff;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.rank-No[data-v-b4d6b1d4]{width:100%;padding:30px 0 4% 0;font-size:14px}.rank-No-number[data-v-b4d6b1d4]{position:absolute;top:-4px;left:18px;background:#60c781;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 5px;font-size:13px;color:#fff;z-index:5}.rank-No-number[data-v-b4d6b1d4]:after,.rank-No-number[data-v-b4d6b1d4]:before{content:"";top:-7px;left:10px;position:absolute;width:4px;height:12px;background:#bcbcbc}.rank-No-number[data-v-b4d6b1d4]:after{left:auto;right:10px}.rank-number[data-v-b4d6b1d4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rank-number-item[data-v-b4d6b1d4]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.rank-number-item .count[data-v-b4d6b1d4]{color:red;font-size:18px;font-weight:500}.rank-number-item>div[data-v-b4d6b1d4]:last-child{margin-top:5px}.rank-small-txt[data-v-b4d6b1d4]{font-weight:400;font-size:13px}.rank-No-btn[data-v-b4d6b1d4]{width:65%;background:#60c781;color:#fff;text-align:center;margin:20px auto 0 auto;height:40px;line-height:40px;border-radius:30px;cursor:pointer}.rank-tab[data-v-b4d6b1d4]{width:85%;margin:0 auto;border:1px solid #60c781;height:35px;line-height:35px;background:#fff;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.rank-tab p[data-v-b4d6b1d4]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;color:#999;cursor:pointer;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.rank-tab .active[data-v-b4d6b1d4]{background:#60c781;color:#fff}.rank-alert[data-v-b4d6b1d4]{height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;border-radius:5px;color:#898989;background:#f2f2f2;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;margin-bottom:10px}.rank-alert .t_blue>i[data-v-b4d6b1d4]{font-size:13px;margin-left:2px;cursor:pointer}.rank-list-box[data-v-b4d6b1d4]{max-height:214px;overflow-x:hidden;overflow-y:scroll}.rank-list-item[data-v-b4d6b1d4]{width:100%;height:70px;background:#fff;overflow:hidden;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:15px}.rank-list-item .user-info[data-v-b4d6b1d4],.rank-list-item[data-v-b4d6b1d4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rank-list-item .user-info[data-v-b4d6b1d4]{height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.user-info .no[data-v-b4d6b1d4]{min-width:15px;min-height:15px;line-height:1;text-align:center}.user-info .img[data-v-b4d6b1d4]{width:48px;height:48px}.user-info .img img[data-v-b4d6b1d4]{height:100%;width:100%;display:block;border-radius:50%}.user-info .info[data-v-b4d6b1d4]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:15px}.user-info .info .t_999[data-v-b4d6b1d4]{font-size:13px}.rank-list-no[data-v-b4d6b1d4]{height:70px;line-height:70px;text-align:center}.rank-scoll-loading[data-v-b4d6b1d4],.rank-scoll-tip[data-v-b4d6b1d4]{height:30px;line-height:30px;text-align:center}.load-anim .iconfont[data-v-b4d6b1d4]{font-size:18px;display:inline-block;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation:loadingAnim-data-v-b4d6b1d4 .5s linear infinite;animation:loadingAnim-data-v-b4d6b1d4 .5s linear infinite}.rules-box[data-v-b4d6b1d4]{margin-top:15px}.rules-box .rules-item[data-v-b4d6b1d4]{display:-webkit-box;display:-ms-flexbox;display:flex}.rules-item[data-v-b4d6b1d4]:first-child{margin-top:0}.rules-item .rules-icon[data-v-b4d6b1d4]{-ms-flex-negative:0;flex-shrink:0;background:#60c781;color:#fff;height:44px;width:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;margin-right:10px}.rules-item .t_999[data-v-b4d6b1d4]{padding-left:8px}.rules-icon .iconfont[data-v-b4d6b1d4]{font-size:22px}.rules-box .cloum-line[data-v-b4d6b1d4]{height:24px;border-left:2px dotted #bcbcbc;margin:5px 0 5px 22px}@media screen and (max-width:320px){.rank-banner[data-v-b4d6b1d4]{height:6.95rem}}@media screen and (min-width:414px){.rank-banner[data-v-b4d6b1d4]{height:8.95rem}}@-webkit-keyframes loadingAnim-data-v-b4d6b1d4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingAnim-data-v-b4d6b1d4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}