.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#969799;font-size:3.73333vw;background-color:#f7f8fa}.van-image__error-icon,.van-image__loading-icon{color:#dcdee0;font-size:8.53333vw}.van-nav-bar{position:relative;z-index:1;line-height:5.86667vw;text-align:center;background-color:#fff;-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:#1989fa}.van-nav-bar__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:12.26667vw}.van-nav-bar__arrow{margin-right:1.06667vw;font-size:4.26667vw}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;font-weight:500;font-size:4.26667vw}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 4.26667vw;font-size:3.73333vw;cursor:pointer}.van-nav-bar__left:active,.van-nav-bar__right:active{opacity:.7}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:#1989fa}.navbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:11.73333vw;line-height:1!important}.van-nav-bar__content{width:100%}.navbar .van-nav-bar__left{bottom:2.66667vw;left:2.66667vw}.navbar.van-nav-bar .van-icon{position:absolute;bottom:.53333vw;color:#444;font:5.33333vw/1 vant-icon}.navbar .van-nav-bar__title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:100%;margin:0 12vw;line-height:11.73333vw}.navbar .van-nav-bar__right{right:2.66667vw}.navbar .van-nav-bar__text{position:relative;top:-1.33333vw;left:4.8vw;color:#444;padding-left:5.33333vw}.container[data-v-987c58c8]{height:100vh;padding:16vw 3.73333vw 3.73333vw;background:#f8f9fb}.container .task-card[data-v-987c58c8]{width:92.53333vw;background:#fff;border:1px solid #f4f4f4;border-radius:1.33333vw}.container .task-card .card-stage[data-v-987c58c8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:13.86667vw}.container .task-card .card-stage .red-line[data-v-987c58c8]{width:1.06667vw;height:3.2vw;background:#c8102e;border-radius:.53333vw}.container .task-card .card-stage .stage-text[data-v-987c58c8]{margin-left:4vw;font-size:3.2vw;font-weight:400;color:#1a2b3e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.container .task-card .card-stage .stage-text .stage-no[data-v-987c58c8]{color:#c8102e}.container .task-card .card-content[data-v-987c58c8]{padding:0 5.33333vw 5.33333vw}.container .task-card .card-content .title[data-v-987c58c8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:3.73333vw;font-weight:500;color:#333}.container .task-card .card-content .title .title-icon[data-v-987c58c8]{width:5.33333vw;height:5.33333vw;margin-right:2.13333vw}.container .task-card .card-content .divider[data-v-987c58c8]{margin:3.2vw 0;width:100%;height:1px;background:#e8ebef}.container .task-card .card-content .student-count[data-v-987c58c8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 4vw;height:8vw;background:#ffeff0;border-radius:1.33333vw;font-size:2.93333vw;font-weight:500;color:#ff5a67}.container .task-card .card-content .student-count .date-icon[data-v-987c58c8]{margin-right:1.86667vw;width:2.93333vw;height:2.93333vw}.container .task-card .card-content .require[data-v-987c58c8]{margin-top:2.66667vw;font-size:3.46667vw;font-weight:400;color:#555;line-height:5.6vw}.container .task-card .card-content .require .item[data-v-987c58c8]{word-break:break-word}.container .clock-in-record .record-item[data-v-987c58c8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:5.33333vw;padding:0 5.33333vw;height:18.66667vw;background:#fff;border:1px solid #f4f4f4;border-radius:1.33333vw}.container .clock-in-record .record-item .head-img[data-v-987c58c8]{width:8vw;height:8vw;border-radius:4vw;background:#000}.container .clock-in-record .record-item .content[data-v-987c58c8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:2.66667vw}.container .clock-in-record .record-item .content .name[data-v-987c58c8]{font-size:3.73333vw;font-weight:400;color:#333}.container .clock-in-record .record-item .content .time[data-v-987c58c8]{font-size:2.93333vw;font-weight:500;color:#a6aeb9}.container .clock-in-record .record-item .clock-in-status[data-v-987c58c8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:2.93333vw;font-weight:500;color:#ff5a67}.container .clock-in-record .record-item .clock-in-status .icon-clock[data-v-987c58c8]{margin-left:1.06667vw;width:2.93333vw;height:2.93333vw}