.ponent-total{font-family:cupf;padding:4.9vw 0 2.5vw 0;box-sizing:border-box;background:#fff}.ponent-total .is_green{color:#108ee9}.ponent-total .is_orange{color:#ff7030}.ponent-total .is_red{color:#dc0050}.ponent-total .pt_time{font-size:3.2vw;line-height:4.4vw;color:#999}.ponent-total .pt_total{margin-top:2.9vw;font-size:10.7vw;color:#333}.ponent-total .pt_total .ptt_info{margin-left:1.6vw;font-size:4vw;line-height:5.6vw;color:#ff7030}.ponent-total .pt_perform_title{font-size:3.7vw;line-height:5.3vw;letter-spacing:.5vw;color:#333}.ponent-total .pt_progress{font-size:2.5vw;line-height:3.5vw}.ponent-total .pt_target{font-size:3.7vw;line-height:5.3vw;color:#108ee9}.ponent-total .pt_target .ptt_percent{font-size:2.9vw;line-height:4vw;color:#108ee9}.ponent-total .pt_types{display:flex;justify-content:center;align-items:center}.ponent-total .pt_types>span+span{margin-left:6.9vw}.ponent-total .pt_types>span{font-size:2.9vw;line-height:4vw;letter-spacing:.1vw;color:#333;display:flex;align-items:center}.ponent-total .pt_types>span>span{margin-left:1vw;font-size:4vw;line-height:5.6vw;color:#333}.ponent-detail{font-family:cupf}.ponent-detail .is_green{color:#108ee9}.ponent-detail .is_orange{color:#ff7030}.ponent-detail .is_red{color:#dc0050}.ponent-detail .green_color{color:#7acc3d!important}.ponent-detail .red_color{color:#dc0050!important}.ponent-detail .blue_color{color:#2882e9!important}.ponent-detail .pd_wrap{margin-top:2.3vw;padding:2.7vw 4.8vw;box-sizing:border-box;background:#fff}.ponent-detail .pd_wrap>div+div{border-top:.3vw solid #f5f5f5}.ponent-detail .pd_wrap .pdw_up{display:flex;justify-content:space-between;align-items:center;padding:1.9vw 0;font-size:4.8vw;color:#333}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap{display:flex;align-items:center}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap>img{display:block;width:11.7vw;height:11.7vw;border-radius:50%}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info{margin-left:3.5vw}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_wrap{display:flex}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_wrap .pcwiw_name{font-size:4.8vw;color:#333}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_wrap .pcwiw_title{margin-left:.9vw;display:flex;align-items:center;font-size:3.2vw;color:#666}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_star{display:flex;align-items:center;font-size:3.5vw;line-height:7.1vw;color:#999;text-align:left}.ponent-detail .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_star>.van-rate{margin-left:1.5vw}.ponent-detail .pd_wrap .pdw_up .pdw_up_detail{padding:.5vw 2.5vw;background-color:#dc0050;border-radius:1.1vw;font-size:3.5vw;letter-spacing:.1vw;color:#fff}.ponent-detail .pd_wrap .pdw_mid{padding:1.9vw 0}.ponent-detail .pd_wrap .pdw_mid>div+div{margin-top:1.3vw}.ponent-detail .pd_wrap .pdw_mid .pdwm_total{display:flex;justify-content:center;align-items:flex-end;font-size:10.7vw;line-height:10.7vw;color:#333}.ponent-detail .pd_wrap .pdw_mid .pdwm_total .pdwm_total_info{margin-left:4vw;font-size:3.5vw;line-height:4.9vw;color:#108ee9}.ponent-detail .pd_wrap .pdw_mid .pdwm_progress{font-size:2.5vw;line-height:3.5vw}.ponent-detail .pd_wrap .pdw_mid .pdwm_t_wrap{display:flex;justify-content:center;align-items:center}.ponent-detail .pd_wrap .pdw_mid .pdwm_t_wrap .pdwm_target{font-size:3.5vw;line-height:4.9vw;color:#108ee9;display:flex;align-items:center}.ponent-detail .pd_wrap .pdw_mid .pdwm_t_wrap .pdwm_target .pdwm_target_percent{font-size:2.9vw;line-height:4vw;color:#108ee9}.ponent-detail .pd_wrap .pdw_mid .pdwm_t_wrap .pdwm_tw_line{margin:0 2vw;width:.3vw;height:2.7vw;background:#108ee9}.ponent-detail .pd_wrap .pdw_mid .pdwm_t_wrap svg{margin-left:2.7vw;font-size:4.8vw}.ponent-detail .pd_wrap .pdw_mid .pdwm_types{display:flex;justify-content:center;align-items:center}.ponent-detail .pd_wrap .pdw_mid .pdwm_types>span+span{margin-left:6.9vw}.ponent-detail .pd_wrap .pdw_mid .pdwm_types>span{display:flex;align-items:center;font-size:2.9vw;line-height:4vw;letter-spacing:.1vw;color:#7a7878}.ponent-detail .pd_wrap .pdw_mid .pdwm_types>span>span{margin-left:1vw;font-size:4vw;line-height:5.6vw;color:#7a7878}.ponent-detail .pd_wrap .pdw_down{display:flex;justify-content:space-between;align-items:center;padding:1.5vw 0 0}.ponent-detail .pd_wrap .pdw_down>div{display:flex;align-items:center;font-size:3.5vw;line-height:4.9vw;color:#bbb}.ponent-detail .pd_wrap .pdw_down>div>div+div{margin-left:1vw}html{font-size:20vw}@media screen and (max-width:320px){html{font-size:64px}}@media screen and (min-width:540px){html{font-size:108px}}body{max-width:540px;min-width:320px;font-size:.2rem}.mod_grid{position:relative}.mod_grid:after{content:"";position:absolute;z-index:0;pointer-events:none;background-color:#eee;height:1px;left:0;right:0;bottom:0}@media only screen and (-webkit-min-device-pixel-ratio:2){.mod_grid:after{-webkit-transform:scaleY(.5);-webkit-transform-origin:50% 0}}.mod_banner{position:relative;padding-top:14.2857142857%;height:0;overflow:hidden}.mod_banner img{width:100%;height:auto;position:absolute;left:0;top:0}.user-btn:active{opacity:.8;transform:scale(.95)}.hs-btn{width:13.3333333333vw;height:13.3333333333vw;border-radius:50%;font-size:3.7333333333vw;font-weight:450;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#54c48a}.pub-triangle{position:absolute;top:50%;right:2vw;width:0;height:0;transition:all .5s;transform:translateY(-25%);border-top:1.3333333333vw solid #4a4a4a}.pub-triangle,.pub-triangle-top{border-left:1.3333333333vw solid #fff;border-right:1.3333333333vw solid #fff;border-bottom:1.3333333333vw solid #fff}.pub-triangle-top{transform:rotate(180deg) translateY(75%);border-top:1.3333333333vw solid #dc0050}.ps{text-align:left;color:#999;font-size:3.2vw;padding:0 1.3333333333vw;margin-top:.6666666667vw;box-sizing:border-box}.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.u-text-center{display:flex;flex-direction:row;align-items:center;justify-content:space-between;justify-content:center}.active-perform{font-family:pf;min-height:100vh;box-sizing:border-box;background:#f5f5f5}.active-perform .ap_top{font-family:cupf;height:13.3vw;background:#fff;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;position:sticky;z-index:1990;top:0;border-bottom:.15vw solid #eee}.active-perform .ap_top>div+div{border-left:.2vw solid #eee}.active-perform .ap_top>div{padding:0 2vw;box-sizing:border-box;height:65%;width:33%;font-size:4vw;color:#4a4a4a;display:flex;justify-content:center;align-items:center}.active-perform .ap_top>div,.active-perform .ap_top>div>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-perform .ap_top>div>i{margin-left:1.5vw;color:inherit;font-size:1.8vw}.active-perform .no_more{margin-top:4.8vw;padding:3.2vw 0 6vw;border-top:.4vw solid #ddd;font-size:3.2vw;line-height:4.4vw;color:#bbb}