.navigate_main[data-v-38139343]{display:flex;height:2rem;align-items:center}.navigate_main .route_nav[data-v-38139343]{cursor:pointer;color:#666;font-size:1.6rem}.navigate_main .route_nav[data-v-38139343]:after{content:">";cursor:normal;margin:0 .5em}.navigate_main .route_nav[data-v-38139343]:last-child:after{content:""}.navigate_main .route_nav.current[data-v-38139343]{color:#00a2e9}.empty_wrap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty_wrap img{width:14.7rem;height:7.7rem}.empty_wrap .text{margin-top:2rem;font-size:1.4rem;color:#999;line-height:1.5}div[data-v-3e5d5d68]{box-sizing:border-box}.main-container[data-v-3e5d5d68]{display:flex;flex-direction:column;padding:2.4rem 8rem 5.8rem;min-height:calc(100vh - 8rem);background-color:#f9f8f8}.main-container .card-wrapper[data-v-3e5d5d68]{display:flex;flex-direction:column;margin-top:3.6rem;position:relative;border-radius:20px;background:#fff;z-index:1}.main-container .card-wrapper[data-v-3e5d5d68]:after{content:"";position:absolute;top:0;left:0;width:100%;height:32.7rem;background:url(../img/panel-bg.71be3828.png) no-repeat 50%;background-size:cover;z-index:-2;pointer-events:none}.main-container .card-wrapper[data-v-3e5d5d68]:before{content:"";position:absolute;top:.2rem;right:3.6rem;width:22.9rem;height:19.9rem;background:url(../img/icon-2.fe6b1160.png) no-repeat 50%;background-size:cover;z-index:-1;pointer-events:none}.main-container .card-wrapper .top[data-v-3e5d5d68]{padding:6rem 6.4rem 0;line-height:1}.main-container .card-wrapper .top .my-point[data-v-3e5d5d68]{display:flex;align-items:center;font-size:1.8rem;color:#666;margin-left:.3rem}.main-container .card-wrapper .top .my-point .icon-1[data-v-3e5d5d68]{margin-right:.6rem;width:2.5rem;height:2.4rem}.main-container .card-wrapper .top .exp[data-v-3e5d5d68]{margin-top:2.5rem;margin-left:.3rem;font-size:3.9rem;font-weight:700;color:#0e0e0e}.main-container .card-wrapper .top .progress[data-v-3e5d5d68]{display:flex;width:100%;height:1.8rem;margin-top:5.3rem;background:#fff;border-radius:.9rem}.main-container .card-wrapper .top .progress .cur-progress[data-v-3e5d5d68]{position:relative;background:linear-gradient(90deg,#2fa5ff,#0091ff);border-radius:.9rem}.main-container .card-wrapper .top .progress .cur-progress-bg[data-v-3e5d5d68]{width:100%;height:100%;margin-left:1.3rem;background-image:repeating-linear-gradient(130deg,rgba(64,172,255,0) .3rem,rgba(64,172,255,0) 1.5rem,#40acff 0,#40acff 2rem)}.main-container .card-wrapper .top .progress .cur-progress[data-v-3e5d5d68]:after{content:"";position:absolute;top:0;right:0;width:15.6rem;height:10.7rem;background:url(../img/progress-arrow.d0783df2.png) no-repeat 50%;background-size:cover;transform:translate(35%,-42%)}.main-container .card-wrapper .top .progress .cur-progress .progress-text[data-v-3e5d5d68]{position:absolute;top:0;right:0;width:5.7rem;height:2.6rem;line-height:2.3rem;color:#fff;text-align:center;font-size:1.4rem;background:url(../img/progress-text-bg.1be21347.png) no-repeat 50%;background-size:cover;transform:translate(40%,-150%)}.main-container .card-wrapper .top .progress .bg-progress[data-v-3e5d5d68]{background:#fff;border-radius:.9rem}.main-container .card-wrapper .top .info[data-v-3e5d5d68]{display:flex;align-items:center;margin:1.8rem 1.2rem 0 .3rem}.main-container .card-wrapper .top .info .level[data-v-3e5d5d68]{color:#00315a;font-weight:700;font-size:1.8rem}.main-container .card-wrapper .top .info .need-exp[data-v-3e5d5d68]{margin-left:2.3rem;margin-right:auto;font-size:1.6rem;color:#00315a}.main-container .card-wrapper .top .info .need-exp .cur-exp[data-v-3e5d5d68]{font-weight:700}.main-container .card-wrapper .tab-bar[data-v-3e5d5d68]{display:flex;align-items:center;margin:5.2rem 6rem 0;height:3.2rem}.main-container .card-wrapper .tab-bar .tab-item[data-v-3e5d5d68]{position:relative;margin-right:4rem;font-size:1.8rem;font-weight:700;color:#999;cursor:pointer}.main-container .card-wrapper .tab-bar .tab-item.active[data-v-3e5d5d68]{color:#000}.main-container .card-wrapper .tab-bar .tab-item.active[data-v-3e5d5d68]:after{content:"";position:absolute;left:50%;bottom:-1.2rem;width:2.4rem;height:.4rem;border-radius:.2rem;background:#1190ff;transform:translateX(-50%)}.main-container .card-wrapper .record[data-v-3e5d5d68]{margin-top:3rem;padding-left:5.2rem;padding-right:6.7rem;padding-bottom:3rem}.main-container .card-wrapper .record .li[data-v-3e5d5d68]{display:flex;margin-bottom:3.1rem}.main-container .card-wrapper .record .li .icon-3[data-v-3e5d5d68]{width:4.7rem;height:4.9rem;margin-right:1rem;flex-shrink:0}.main-container .card-wrapper .record .li-info[data-v-3e5d5d68]{flex:1;line-height:1;padding:.3rem 1.1rem 3rem 0;border-bottom:.1rem solid #e3e3e3}.main-container .card-wrapper .record .li-info .content[data-v-3e5d5d68]{display:flex;align-items:center;justify-content:space-between;font-size:1.8rem;margin-bottom:1.3rem;color:#000}.main-container .card-wrapper .record .li-info .content .get-exp[data-v-3e5d5d68]{font-weight:700}.main-container .card-wrapper .record .li-info .sub[data-v-3e5d5d68]{display:flex;align-items:center;font-size:1.6rem;color:#999;justify-content:space-between}.main-container .card-wrapper .record .upgrade-summary[data-v-3e5d5d68]{margin-bottom:1.2rem;font-size:1.8rem;font-weight:700;color:#333}.main-container .card-wrapper .record .upgrade-summary span[data-v-3e5d5d68]{color:#1190ff}.main-container .card-wrapper .record .upgrade-tip[data-v-3e5d5d68]{margin-bottom:2.8rem;font-size:1.4rem;color:#999}.main-container .card-wrapper .record .upgrade-li[data-v-3e5d5d68]{display:flex;margin-bottom:2rem}.main-container .card-wrapper .record .upgrade-li .upgrade-icon[data-v-3e5d5d68]{width:4.7rem;height:4.7rem;margin-right:1.4rem;flex-shrink:0}.main-container .card-wrapper .record .upgrade-li .upgrade-info[data-v-3e5d5d68]{flex:1;min-width:0;padding:.4rem 0 2rem;border-bottom:.1rem solid #e3e3e3}.main-container .card-wrapper .record .upgrade-li .upgrade-content[data-v-3e5d5d68]{display:flex;align-items:center;justify-content:space-between}.main-container .card-wrapper .record .upgrade-li .upgrade-text[data-v-3e5d5d68]{min-width:0;padding-right:2rem}.main-container .card-wrapper .record .upgrade-li .upgrade-title[data-v-3e5d5d68]{margin-bottom:1rem;font-size:1.8rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-container .card-wrapper .record .upgrade-li .upgrade-title .upgrade-title-tip[data-v-3e5d5d68]{font-size:1.4rem;color:#999;margin-left:.5rem}.main-container .card-wrapper .record .upgrade-li .upgrade-reward[data-v-3e5d5d68]{font-size:1.4rem;font-weight:700;color:#1190ff}.main-container .card-wrapper .record .upgrade-li .upgrade-action[data-v-3e5d5d68]{display:flex;align-items:center;flex-shrink:0}.main-container .card-wrapper .record .upgrade-li .upgrade-button[data-v-3e5d5d68]{width:6.8rem;height:3.3rem;line-height:3.3rem;border-radius:1.8rem;background:#00a2e9;color:#fff;font-size:1.4rem;font-weight:700;text-align:center;cursor:pointer;flex-shrink:0}.main-container .card-wrapper .record .upgrade-li .upgrade-button[data-v-3e5d5d68]:hover{opacity:.85}.main-container .card-wrapper .record .upgrade-li .upgrade-button.disabled[data-v-3e5d5d68]{background:rgba(0,162,233,.1);color:#00a2e9;cursor:default}.main-container .card-wrapper .record .upgrade-li .upgrade-button.disabled[data-v-3e5d5d68]:hover{opacity:1}.main-container .card-wrapper .record .load-more[data-v-3e5d5d68]{height:5rem;line-height:5rem;text-align:center;font-size:1.8rem;color:#999;margin-bottom:3rem}.main-container .card-wrapper .record .load-more[data-v-3e5d5d68] .el-loading-spinner{display:flex;align-items:center;justify-content:center}.main-container .card-wrapper .record .load-more[data-v-3e5d5d68] .el-loading-spinner i{font-size:2rem;color:#999}.main-container .card-wrapper .record .load-more[data-v-3e5d5d68] .el-loading-spinner .el-loading-text{font-size:1.8rem;color:#999}