.flex-center[data-v-46644bd3]{display:flex;align-items:center}.between[data-v-46644bd3]{justify-content:space-between}.taskdetail[data-v-46644bd3]{width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;background:#f7f8fa;overflow-y:scroll}.taskdetail .top[data-v-46644bd3]{background:var(--themecolor);color:#fff;padding:.1rem .2rem}.taskdetail .top h2[data-v-46644bd3]{font-size:.32rem;font-weight:500}.taskdetail .top h2 span[data-v-46644bd3]{font-size:.2rem;font-weight:400}.taskdetail .top p[data-v-46644bd3]{flex:1;margin:.1rem 0;font-size:.14rem}.taskdetail .top p img[data-v-46644bd3]{width:.12rem;margin-right:.1rem}.taskdetail .top .time[data-v-46644bd3]{border-bottom:1px solid #fff}.taskdetail .top .time p:last-child img[data-v-46644bd3]{margin-right:.12rem}.taskdetail .intro[data-v-46644bd3]{padding:0 .2rem .15rem;background:#fff;margin-bottom:.2rem}.taskdetail .intro p[data-v-46644bd3]{font-size:.14rem;color:#646566}.taskdetail .intro .title[data-v-46644bd3]{font-size:.16rem;font-weight:700;padding:.1rem 0;margin-bottom:.1rem;border-bottom:1px solid #ebedf0}.taskdetail .intro .title p[data-v-46644bd3]{color:#000}.taskdetail .intro-info[data-v-46644bd3]{width:100%;flex-wrap:wrap}.taskdetail .intro-info .info-item[data-v-46644bd3]{text-align:center;margin:.11rem}.taskdetail .intro-info .img-box[data-v-46644bd3]{width:.45rem;height:.45rem;border-radius:50%;overflow:hidden}.taskdetail .intro-info .img-box img[data-v-46644bd3]{width:100%;height:auto}.taskdetail .bottom[data-v-46644bd3]{background:#fff;padding:.1rem 0;margin-top:.2rem}.taskdetail .timeline[data-v-46644bd3]{font-size:.16rem;background:#fff;padding:.1rem .2rem 0}.taskdetail .timeline .time[data-v-46644bd3]{font-weight:700;color:#646566}.taskdetail .timeline .time img[data-v-46644bd3]{width:.15rem;margin-right:.2rem}.taskdetail .timeline .content[data-v-46644bd3]{border-left:1px solid #ebedf0;margin:.1rem 0;margin-left:.07rem;font-size:.14rem}.taskdetail .timeline .content .border[data-v-46644bd3]{margin-left:.25rem;padding:.1rem;border:1px solid #ebedf0;border-radius:6px}.taskdetail .timeline .content .text[data-v-46644bd3]{color:#000;margin-bottom:.1rem}.taskdetail .timeline .content .type-border[data-v-46644bd3]{width:.1rem;height:.1rem;border:3px solid var(--themecolor);border-radius:50%}.taskdetail .timeline .content .touxiang[data-v-46644bd3]{width:.4rem;height:.4rem;border-radius:50%;overflow:hidden;margin:0 .1rem;background:#000}.taskdetail .timeline .content .touxiang img[data-v-46644bd3]{width:100%}