.appBar.component{width:100%;height:50px;position:fixed;top:0;left:0;right:0;z-index:999;box-sizing:border-box;padding:0 8px;background-size:100% auto!important}.appBar.component+*{padding-top:50px}.appBar.component .back{width:26px;font-family:iconfont;font-size:18px;font-weight:600}.appBar.component .back img{width:100%}.appBar.component .title{line-height:1;flex-grow:1}.appBar.component .func{min-width:26px;min-height:1px}.page[data-v-2666a792]{height:100%;overflow:auto;background:linear-gradient(0deg,#ff631b,#fe6b1d 68%,#ff6134 84%,#fea30e)}.page .activity-item[data-v-2666a792]{padding:15px;margin:15px 15px 12px;border:6px solid #ffc94b;border-radius:12px;background-color:#fff;position:relative;z-index:1}.page .activity-item .self-info[data-v-2666a792]{box-shadow:0 6px 21px 0 #ffe7da;padding:15px 15px 22px;margin-bottom:20px;border-radius:8px}.page .activity-item .self-info .avatar[data-v-2666a792]{width:52px;height:52px;margin-right:12px;border-radius:52px}.page .activity-item .rank-list .rank-list-title[data-v-2666a792]{padding:0 10px 0;margin-bottom:6px;background:#f8f7f7;height:35px;line-height:35px;border-radius:3px}.page .activity-item .rank-list .rank-list-item[data-v-2666a792]{padding:10px 10px;font-size:14px}.page .activity-item .rank-list .rank-list-item .item-one .no[data-v-2666a792]{width:20px;height:20px}.page .activity-item .rank-list .rank-list-item .item-one .no.text[data-v-2666a792]{height:20px;border-radius:50%;text-align:center}.page .activity-item .rank-list .rank-list-item .item-one .name[data-v-2666a792]{white-space:nowrap;margin-bottom:4px;font-size:16px;color:#333}.page .activity-item .rank-list .rank-list-item .item-one .firend[data-v-2666a792]{white-space:nowrap;padding:4px 10px;background-color:#f4f4f6;border-radius:100px;font-size:14px;color:#999}.page .activity-item .rank-list .item-one[data-v-2666a792]{width:30px;min-width:30px;text-align:left;justify-content:center}.page .activity-item .rank-list .item-two[data-v-2666a792]{flex-grow:1;text-align:left;padding-left:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page .activity-item .rank-list .item-three[data-v-2666a792]{width:90px;min-width:90px;justify-content:center}.page .activity-item .rank-list .item-four[data-v-2666a792]{width:60px;min-width:60px;justify-content:center}.page .activity-item .btn-title[data-v-2666a792]{font-weight:700}.page .curperiod-btn[data-v-2666a792]{height:37px;width:200px;margin-top:26px;display:flex;align-items:center;justify-content:center;color:#333;border:1px solid #333;border-radius:40px}.page .curperiod-btn.active-btn[data-v-2666a792],.page .curperiod-btn.last-period-btn[data-v-2666a792]{background:linear-gradient(90deg,#fe334d,#ff780e 99%);box-shadow:0 4px 10px 0 rgba(233,25,48,.36);border:none;color:#fff}.page .curperiod-btn.last-period-btn[data-v-2666a792]{width:120px}.page .curperiod-btn.grey-btn[data-v-2666a792]{background:#c2c2c2;color:#fff;border:0}.page .curperiod-btn span[data-v-2666a792]{font-size:16px}.page .curperiod-btn img[data-v-2666a792]{height:10px;width:10px;margin-left:10px}