.dialog-mask[data-v-91e2653e] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2000;
  background: rgba(0,0,0,.8)
}

.dialog-mask .dialog-body[data-v-91e2653e] {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.dialog-mask .header[data-v-91e2653e] {
  margin: 24px 24px 0
}

.dialog-mask .header .title[data-v-91e2653e] {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
  color: #222;
  text-align: center
}

.dialog-mask .content[data-v-91e2653e] {
  margin: 16px 24px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #666
}

.dialog-mask .footer[data-v-91e2653e] {
  margin: 24px
}

.dialog-mask .footer .primary[data-v-91e2653e] {
  width: 240px;
  height: 54px;
  border-radius: 50px;
  background: #24c789;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  color: #fff
}

.prevetWindow {
  overflow: hidden
}

.task-container[data-v-2c8330d8] {
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  background-color: #fff
}

.task-container .card[data-v-2c8330d8] {
  margin: 0 24px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 2px 16px 0 rgba(0,0,0,.04),0 2px 8px 0 rgba(0,0,0,.02);
  box-shadow: 0 2px 16px 0 rgba(0,0,0,.04),0 2px 8px 0 rgba(0,0,0,.02)
}

.task-container .score-card[data-v-2c8330d8] {
  padding: 24px 16px;
  margin-top: 25px;
  height: 86px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.task-container .score-card .top[data-v-2c8330d8] {
  padding-bottom: 19px;
  border-bottom: 1px solid #efefef
}

.task-container .score-card .top .current-desc[data-v-2c8330d8] {
  position: relative
}

.task-container .score-card .top .current-desc .name[data-v-2c8330d8] {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000
}

.task-container .score-card .top .current-desc .link[data-v-2c8330d8] {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0
}

.task-container .score-card .top .current-desc .link .text[data-v-2c8330d8] {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #999;
  vertical-align: top
}

.task-container .score-card .top .current-desc .link .icon[data-v-2c8330d8] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAElBMVEUAAACampqZmZmampqfn5+ZmZnRAwZDAAAABXRSTlMAYPAwEI54pPUAAAA5SURBVDjLYxhJgFEAh4RoIA4NoaHYtTiFhmLXwqyKS4vRiNYClsBl1IjTAE8+hBMcIoniTtQjCAAAiqUbOQm9qGgAAAAASUVORK5CYII=);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 1px
}

.task-container .score-card .top .score-box[data-v-2c8330d8] {
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.task-container .score-card .top .score-box .icon[data-v-2c8330d8] {
  width: 26px;
  height: 27px;
  margin-top: 6px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABRCAMAAABL9GBhAAAAUVBMVEUAAABtUfRtUfRtUfRwUPdwUO9wUPRtUfRsUfRtUPRsUPNtUfRtUvNsUfRtUfNuUfRtUfRsUPVuUfVtUfT////Jvvvk3v12XPW2qPqkk/jSyfyNHZjEAAAAE3RSTlMA8ODAIBAwgKBfQHCvz7CQ0FBP1/rjuAAAAb1JREFUWMOt2duOgjAUheGWUsABj8s6ju//oEMymhVpxk3L+q8MF1+gNZFunVW89CFgLoT+Et22dhPemnb1Vtw1yGpqQWIC8Cvg38JXIdZO+NjQlixaD7N+9S6PHivyu3WL1mBljb2EXUBBof28aAMKG+KHHfAozvcFi1a9hHFCdVPMtmCPDe27heaxKd9lmsxrqdV7/AruIWj/0npI6p+PClF/jztA1MCbk93eEbKOM9dAVuNcB2GdGyFs5L5q9jZAWHAewhqHku7Xt5DlUOZpOHoajp6Ko1fPfd8SFj3KOWrX68JL11s5R23hpfnCrZSj9vKo0bO4XKNHbe5RyFGjRy3hXshRo0cNuBdw1Oi9a7NXwFFLKfsAPD2To5bfFK+8PJvLtYWX8ClnavRsDc7U6NkanKnRszU4W6OXYHKmRi/B5ryh0Vuh+ex39odaecENyLxqDYMbkXnVGkbXIfdqNXTa9zvx26f43Vj75q4+V+hPPXMnCAriE6P4PKs/bdPbtH6np8biAdUNUT9HyZNMefQzKNYKJmTy+Z1+uqiffbL2AMVkVj831k+1CWowgos1PBCrK575f8XZ3M1fsq9w0cQ+YNEAAAAASUVORK5CYII=);
  background-size: contain
}

.task-container .score-card .top .score-box .score[data-v-2c8330d8] {
  margin-left: 6px;
  font-size: 36px;
  line-height: 39px;
  font-weight: 500;
  color: #000
}

.task-container .score-card .bottom .desc-box[data-v-2c8330d8] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.task-container .score-card .bottom .desc-box .title[data-v-2c8330d8] {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  width: 188px
}

.task-container .score-card .bottom .desc-box .full[data-v-2c8330d8] {
  width: 100%;
  white-space: nowrap
}

.task-container .score-card .bottom .desc-box .desc[data-v-2c8330d8] {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #999
}

.task-container .score-card .bottom .progress-bar[data-v-2c8330d8] {
  width: 100%;
  margin-top: 8px;
  position: relative
}

.task-container .score-card .bottom .progress-bar .bottom-layer[data-v-2c8330d8] {
  width: 100%;
  height: 14px;
  border-radius: 10px;
  background: #efefef;
  position: absolute;
  left: 0;
  top: 0
}

.task-container .score-card .bottom .progress-bar .top-layer[data-v-2c8330d8] {
  width: 26px;
  height: 14px;
  border-radius: 10px;
  background: #6d51f4;
  position: absolute;
  left: 0;
  top: 0
}

.task-container .score-card .bottom .progress-bar .not-round[data-v-2c8330d8] {
  border-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.task-container .score-card .bottom-newpage[data-v-2c8330d8] {
  margin-top: 20px
}

.task-container .score-card-newpage[data-v-2c8330d8] {
  height: 197px;
  margin-top: -108px
}

.task-container .list-card[data-v-2c8330d8] {
  margin-top: 16px;
  min-height: 197px;
  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
}

.task-container .list-card .title-box[data-v-2c8330d8] {
  margin-top: 24px;
  margin-left: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.task-container .list-card .title[data-v-2c8330d8] {
  width: 66px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000
}

.task-container .list-card .right[data-v-2c8330d8] {
  width: 32px;
  height: 100%;
  position: relative
}

.task-container .list-card .right .icon[data-v-2c8330d8] {
  position: absolute;
  display: inline-block;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAACfn5+ampqampqZmZmampqYmJiXl5eZmZmZmZmZmZmZmZmXl5eZmZmZmZmZmZmZmZmZmZmZmZmZmZkRd21aAAAAE3RSTlMAEDBg77CQQPCA4KAg0M+vcN9QezKZrwAAAVxJREFUSMfdVUuWhCAMJICgKAJ6/7uO0ZnXkEB8s+3akQ8UISnUd0IvaT8v7GnR79GbK2eF4jYxHNaTYYVxvLFnB/YYxf9tPxl/kdfeTL8G16eTbmcwUNnMfBtTj9YdPy/EBcuTMeAza+7Qc5eVQWuELteIvoMYLe4Pg2LjGRZaQoSPt9ZXrBipDS1LZbgOLNXyvnn95g7rWZ+JAQ0pcgT2j1EkgdakEI4gJQAadENxUlKCwi7JzcrICbnZE+fFywkeJ6px614CuSZ3SxY54ap74AkCJR+CFyhFdmkEu3RkZeXgZeUPx8EfzrPWMGX3QmuoQDkVfCbSfIG0twXV7BDpQDppgEyIng0Q0wytGPiI8jnn2D4KQWRmh278/pEZSsr2hMwO5PVR3oFUrooDngzbirF99BxEuU/5kfuciNwzHPPZwXz878ty8PIphjo6uE29QucpYnCcslZfiR8O6CQhpCNc4QAAAABJRU5ErkJggg==);
  background-size: cover
}

.task-container .list-card .addition-box[data-v-2c8330d8] {
  margin-top: 10px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.task-container .list-card .addition-box .left[data-v-2c8330d8] {
  margin: 6px 8px 6px 16px;
  width: 52px;
  height: 24px;
  border-radius: 40px;
  background-color: #6d51f4;
  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: 0
}

.task-container .list-card .addition-box .left .icon[data-v-2c8330d8] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAgH+gcGBQMCBA8ODfwBCwkK+Nqv2dAAAAyklEQVRIx+WVyw6EIAxFBbE8ffX/P3ZgZkEYKEgwceHZmLS9sUAvTC9HCk4gZKEcHFZw8F+/YIMlrVfYRCWCGT0zI/hlE4H5/pRE+LRJIuihqmO+LdjW0EuHgGEArgsEBnRHS7uPHzE/sGjrA6K+rTY/uJMTrPnBKYMNjBoZvoC2WMHqkoGAEYCcnkECJyi2pOue1s94emcEez4arj187hZPH/6zbtcFGgOsWzDc0qin+6/KeBlzgrPgaWwy7GmoexqKjyIjEHJ6Nx+92yuAT9K8IAAAAABJRU5ErkJggg==);
  background-size: contain;
  margin-left: 6px
}

.task-container .list-card .addition-box .left .text[data-v-2c8330d8] {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  -webkit-transform: scale(.83333333);
  transform: scale(.83333333)
}

.task-container .list-card .addition-box .center[data-v-2c8330d8] {
  width: calc(100% - 108px);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #999;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.task-container .list-card .common-task[data-v-2c8330d8] {
  width: 100%;
  height: 72px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.task-container .list-card .common-task .first[data-v-2c8330d8] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 16px 0 16px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 88px)
}

.task-container .list-card .common-task .first .task-title[data-v-2c8330d8] {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.task-container .list-card .common-task .first .gains[data-v-2c8330d8] {
  margin-top: 4px;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.task-container .list-card .common-task .first .gains .icon[data-v-2c8330d8] {
  display: inline-block;
  margin-top: 1px;
  width: 14px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAABHNCSVQICAgIfAhkiAAAAlZJREFUSIm91zFu4kAUxvH/M8gd2kgcAFduUqylUKVZ7wEiIeUAmzRYVMmeYMkJNlsh02T3BBuJKp3TREq1rqMU+ABIQXSRMi9FMBsI2JNA8lVmeHo/ZuyBQbBMr9fzHMc5EpFAVUMAEUlUNTXG/Op0OkObPmIDicgPETkoqlPV36p6UgYXgnEcd4EjYKvsg01zB5xGUXTyKjCO4xbwE/AsocUMge9RFJ0Xgr1ez6tUKmf5PVo3IpI8PDwcPl/mGTid1Rn2y2ebO+Awn60A9Pv9QFX/bRiaQ0Xka7vdTh0AVX2x1hvOlqr+BZB+v3+gqmfvDAIgIocO0PoIbJqWo6rBR2mq+rkKNNZpEgQB29vbc2O3t7dcX18vK/eq62AAaZpSqVTY2dmxqndsG7uuy/7+Pr7vv3hvMpmQZdlmwd3dXer1OmEYzqG+7xOGIY1Gg+FwWNrHakkXkTAMARiNRnPXSZLQbDYLe5XO8DmWJAk3Nzez8b29vRk2GAy4v7/n6uqqsF/hDJdhOej7Pq7rzmF5VjyhxeCqmeWva7Uaruu+wMpSBTIW9mKtVsPzvKVYnouLC4BXYUBWFZFUVefAyWTCYDCgXq8vxd4AASAiqQMs/aUYjUYrsTVyLgBxHA9Z8yvOIlkURZ4DICItYPyO2HhqPO3DdrudAgfvhI6NMa2p8X/jR1F0bowJgMsNYpfGmKDT6ST5QNEx8ZS339cMOC49Ji6Bu8Ax8MkSGvN0EO6uKrA66juO0wW+lZT+McZ01zrqL8IiciwiAfBlOnypqqmqntr+mXkE99kNSKWTJrcAAAAASUVORK5CYII=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.task-container .list-card .common-task .first .gains .text[data-v-2c8330d8] {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #999
}

.task-container .list-card .common-task .last[data-v-2c8330d8] {
  width: 88px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 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;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative
}

.task-container .list-card .common-task .last .btn[data-v-2c8330d8] {
  position: absolute;
  width: 68px;
  height: 30px;
  right: 20px;
  border-radius: 16px;
  background-color: #24c789;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.task-container .list-card .common-task .last .btn .text[data-v-2c8330d8] {
  font-size: 12px;
  line-height: 16px
}

.task-container .list-card .common-task .last .disabled[data-v-2c8330d8] {
  background: #4edaa5
}

.task-container .list-card .common-task .last .disabled .text[data-v-2c8330d8] {
  color: hsla(0,0%,100%,.6)
}

.task-container .list-card .share-task[data-v-2c8330d8] {
  height: 64px;
  width: auto;
  border-radius: 8px;
  background: #fafafa;
  margin: 8px 6px 8px 6px;
  padding: 12px 0 12px 0
}

.task-container .list-card .share-task .first[data-v-2c8330d8] {
  padding: 0;
  margin-left: 16px;
  width: calc(100% - 57px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5px
}

.task-container .list-card .share-task .first .task-title[data-v-2c8330d8] {
  width: 100%
}

.task-container .list-card .share-task .first .gains .text[data-v-2c8330d8] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.task-container .list-card .share-task .last .btn[data-v-2c8330d8] {
  right: 14px
}

.task-container .list-card .share-task .logo[data-v-2c8330d8] {
  width: 36px;
  height: 36px;
  margin-top: 2px;
  margin-left: 14px
}

.title-bar[data-v-25b8262a] {
  width: 100vw;
  height: 1.173333333333333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .32rem .426666666666667rem;
  position: fixed;
  left: 0;
  top: 1.173333333333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.left-box .cls-btn[data-v-25b8262a] {
  width: .64rem
}

.middle-box[data-v-25b8262a] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 22px
}

.task-card[data-v-466fb95e] {
  margin-bottom: 16px;
  padding: 20px;
  border-radius: 8px
}

.task-card .card-time-con[data-v-466fb95e] {
  position: relative;
  height: 16px;
  line-height: 16px
}

.task-card .card-time-con .card-time-number[data-v-466fb95e] {
  float: left;
  width: 12px;
  height: 16px;
  line-height: 16px;
  margin-right: 3px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
  background-color: #fff;
  border-radius: 2px
}

.task-card .card-time-con .card-time-text[data-v-466fb95e] {
  float: left;
  margin-right: 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: .15px;
  color: #fff
}

.task-card .card-time-con .card-tag-new[data-v-466fb95e] {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 3px;
  background: hsla(0,0%,100%,.14);
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  letter-spacing: .15px;
  display: inline-block;
  padding: 5px 8px
}

.task-card .card-title-con[data-v-466fb95e] {
  color: #fff;
  height: 40px;
  padding-top: 10px
}

.task-card .card-title-con .card-title-name[data-v-466fb95e] {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: .15px;
  color: #fff
}

.task-card .card-title-con .card-title-icon[data-v-466fb95e] {
  position: relative;
  top: 4px;
  left: -6px;
  width: 24px
}

.task-card .card-task-status[data-v-466fb95e] {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: .15px;
  color: #fff;
  margin-bottom: 8px
}

.task-card .card-task-desc[data-v-466fb95e] {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: .15px;
  color: hsla(0,0%,100%,.7)
}

.task-card .card-progress-con[data-v-466fb95e] {
  position: relative;
  margin-top: 8px;
  margin-bottom: .533333333333333rem
}

.task-card .card-progress-con .card-progress[data-v-466fb95e] {
  width: 100%;
  height: 16px;
  border-radius: 8px;
  background-color: hsla(0,0%,100%,.5)
}

.task-card .card-progress-con .card-current-progress[data-v-466fb95e] {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 16px;
  border-radius: 8px;
  background-color: hsla(0,0%,100%,.87)
}

.task-card .card-progress-con .card-progress-start[data-v-466fb95e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 10px;
  border: 2px solid #fff
}

.task-card .card-progress-con .card-progress-start-num[data-v-466fb95e] {
  position: absolute;
  top: .533333333333333rem;
  left: 4px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: .15px;
  color: #fff
}

.task-card .card-progress-con .card-percent-con[data-v-466fb95e] {
  position: absolute;
  left: 20px;
  top: 0;
  width: calc(100% - 20px);
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.task-card .card-progress-con .card-percent-con .card-percent-item[data-v-466fb95e] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.task-card .card-progress-con .card-percent-con .card-percent-item .card-dot-con[data-v-466fb95e] {
  height: 16px;
  line-height: 16px
}

.task-card .card-progress-con .card-percent-con .card-percent-item .card-dot-con .card-dot[data-v-466fb95e] {
  float: left;
  display: inline-block;
  position: relative;
  top: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 7px;
  background-color: #fff
}

.task-card .card-progress-con .card-percent-con .card-percent-item .card-dot-con .card-dot-done[data-v-466fb95e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAvdJREFUaIHVmtGR4jAMhhUa2HRwKSEluAMoIVsB28HSwV0Htx0sWwHpgFwF0EGyFfz3YDGETCSL2IY7zXh4QJE+2Yot2ykogQAoiWhNRBUROf6tJmpnbi3/fhVFMaTwv0gAlAC2AI5YLke2UT4SvALwE0AfAT6Vnm1WueHfE4PPBfKeA7xGXKrcK0ekGg0ADfL2uiQ9gCbEV4Tgiei3MdZvItpzG4hoKIqiYzs1EZXcNtxejHZfi6L4MOpehXveInsAboH9DT9rkSYHfLsEfMaXY1sh2VgN1gjnfBMLPuP3LeCzh+XFhj7bDCl6XfHt2Ickx5CBXQC+zgU/YqgDQeykByvoqeNyw49YnMIxn0oAfikPNY+CH/Fo78Ruqlwqvd8+Gn7EJc1OPcYFYCBa98QAtFRqxorSzLN/FvyITVrsjheF8hm9D78Sn7iJflhPklJbdbPtlmZ8ngL60rS6WRGRNLdnSR/MF4hqUamw1Nqbbqs97hBltFVfkNOoJfgcnBMXMOpwzeFgsAp8Y3hWmo1OJPwBBMoGAGcrSAw8P19LkGIABqPTAGaBYuFHdpIHIOVlM9JJAr8oABgqTw0wMbyaQnOpABgXMQU0CTz7kF7i84r8Md+cmE7LeMP9alBdtjnXWc4rIuqEP83rgCGIGHiNpdVSoL/Xi2CriQC/2JVK/U3yYg5+djpzi17NESrmWKkTFD5jAWIFwKfA1o2V/vsNTQm5ZD08MYCDwDRgeqcAfVP/9gR4+6aeH6iUUQD+nWOVAdIJHfSDrR6PO9jSzqd2IQPSjHQJwmWEdwF4adG9MRJKJQDYZoDfBnzKqTNjzFKgHVKMBvf6weDvvkXRGATgF5r1AvA15EVqKo1kJ+UV00C3V0zfkyumF7q9YrLeDccVgvC1SOidyCEDUp2MwL/Y2uyUWjrkuPSGXydyjsaA3Ks+/GikDmRgm1VW+EkgJfxMFZNaHdtY/LFH6EzSHAz5z2xqun5u82Oi9of87NSS38a2KT63+QtJw4+qbrxPFgAAAABJRU5ErkJggg==) #17beb2 no-repeat 50%/contain;
  top: 0!important;
  right: 0!important;
  width: 16px!important;
  height: 16px!important;
  border-radius: 8px!important
}

.task-card .card-progress-con .card-percent-con .card-percent-item .card-percent-name[data-v-466fb95e] {
  position: relative;
  right: .08rem;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: .15px;
  margin-top: .106666666666667rem;
  color: #fff;
  text-align: left
}

.task-card .card-progress-con .card-percent-con:last-of-type .card-percent-item .card-dot-con .card-dot[data-v-466fb95e] {
  float: right
}

.task-card .card-progress-con .card-percent-con:last-of-type .card-percent-item .card-percent-name[data-v-466fb95e] {
  text-align: right
}

.task-card .card-privileges-con[data-v-466fb95e] {
  zoom:1;overflow: hidden;
  padding-top: 6px
}

.task-card .card-privileges-con .privilege-item[data-v-466fb95e] {
  float: left;
  position: relative;
  width: .826666666666667rem;
  height: .88rem;
  margin-right: .213333333333333rem
}

.task-card .card-privileges-con .privilege-item .privilege-img[data-v-466fb95e] {
  position: absolute;
  left: .026666666666667rem;
  top: .053333333333333rem;
  width: .773333333333333rem;
  height: .773333333333333rem;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAYAAAAPIWX+AAAABHNCSVQICAgIfAhkiAAAA1dJREFUeJztm9F52kgUhc8d6T3uYEkFy1awpII4BRiYCpZ0oFQQXIGQVMA6FQRXYFzByh3gd82cfcjIHwZjA0IzDuJ/tGF8fmsuV+K7I/BAmqa9OI4/k+wD6AEYrL1kDqAUkUVVVT+01mXbmaTNxbMsGwGYiEh/z7fOSc5Go1HWRi6gJfGiKAYkU/y6uk0oRURfXV3Nm6d6zlHF0zTtRVGUYnMrN2VujNHHLIGjiKdpehHH8T8kk2Ostw0RSaqqutZaLxuv1XSBLMtGIjIFcNF0rR1Zkpw0rf+DxYuiGFhrvx/wwXUUSC6UUl8Prf+9xV0dfwdwecgfbIEbY8zXfet/Z/GVOp7A37belaWITPep/53EXR0naN6e2qYkmexS/6+Kt9ie2ubN9qe2/SLP83EURXf4/aQBYBBF0V2e5+NtL3jxirs3pC2F8o0eDoez9R9uiJ+YdM2G/DNxd4/902skT4jIp9We/ySepumFq+legFw+KI0xf9Xt7unDTSmV4HSlAaDnHAG4K+7a1n/BInnEGPNRa10qAIjjOAkbxx+1qwIAkp9DhvFJ7SpFUVyS/Dd0IJ+IyBdlrQ3yWBkSa21ficggdBDfiMhAAfgjdBDfkPygcNq9+0VEpL/16ezUOYt3jbN41ziLd42zeNc4i3eNs3jXOIt3jbN411AAHkKHCMC9AlCGThGApSI5D53CNyTnSim1CB3EN0qphQBAlmVLEfkQOpAPSD6ORqMLBQBKqZvQgXxRuyoAqKoqCZrGI7WrAgCtdUnyOmgiD5C8rkfAnm5grLUJTrunPzhHACviWuuliIxDJPKBiIxXxz2f3bK6qSDtO5QHNk45dHbA78WHFPdCTfKx5VCt4bK/KA3sNsQ7A/D38aO1yq0xZvzaEO9OY9tu6yd4/0MEDwCSbVd5lb0G9ZVSE/w6R/aubm/dtp5aa6dHHdRfxW3/KYD3MiL2wxgzae1oxjpu4HcK4M9D12jIvYhMvB3GWSfP8zHJqa/tT/JRRCa71PFrNP7ObTgczqy1PZLfmq71FiS/WWt7TaWBdo5YznD89vdme9qXNg/VztC8/T2IyPjdH6pdx83JTrD/DrgVkaQN4ZpWxWtcCVyKSJ9kD5v/iFsRKUkujDE3Pg7O/w9uRXemL/JiaAAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAYAAAAPIWX+AAAABHNCSVQICAgIfAhkiAAAA1dJREFUeJztm9F52kgUhc8d6T3uYEkFy1awpII4BRiYCpZ0oFQQXIGQVMA6FQRXYFzByh3gd82cfcjIHwZjA0IzDuJ/tGF8fmsuV+K7I/BAmqa9OI4/k+wD6AEYrL1kDqAUkUVVVT+01mXbmaTNxbMsGwGYiEh/z7fOSc5Go1HWRi6gJfGiKAYkU/y6uk0oRURfXV3Nm6d6zlHF0zTtRVGUYnMrN2VujNHHLIGjiKdpehHH8T8kk2Ostw0RSaqqutZaLxuv1XSBLMtGIjIFcNF0rR1Zkpw0rf+DxYuiGFhrvx/wwXUUSC6UUl8Prf+9xV0dfwdwecgfbIEbY8zXfet/Z/GVOp7A37belaWITPep/53EXR0naN6e2qYkmexS/6+Kt9ie2ubN9qe2/SLP83EURXf4/aQBYBBF0V2e5+NtL3jxirs3pC2F8o0eDoez9R9uiJ+YdM2G/DNxd4/902skT4jIp9We/ySepumFq+legFw+KI0xf9Xt7unDTSmV4HSlAaDnHAG4K+7a1n/BInnEGPNRa10qAIjjOAkbxx+1qwIAkp9DhvFJ7SpFUVyS/Dd0IJ+IyBdlrQ3yWBkSa21ficggdBDfiMhAAfgjdBDfkPygcNq9+0VEpL/16ezUOYt3jbN41ziLd42zeNc4i3eNs3jXOIt3jbN411AAHkKHCMC9AlCGThGApSI5D53CNyTnSim1CB3EN0qphQBAlmVLEfkQOpAPSD6ORqMLBQBKqZvQgXxRuyoAqKoqCZrGI7WrAgCtdUnyOmgiD5C8rkfAnm5grLUJTrunPzhHACviWuuliIxDJPKBiIxXxz2f3bK6qSDtO5QHNk45dHbA78WHFPdCTfKx5VCt4bK/KA3sNsQ7A/D38aO1yq0xZvzaEO9OY9tu6yd4/0MEDwCSbVd5lb0G9ZVSE/w6R/aubm/dtp5aa6dHHdRfxW3/KYD3MiL2wxgzae1oxjpu4HcK4M9D12jIvYhMvB3GWSfP8zHJqa/tT/JRRCa71PFrNP7ObTgczqy1PZLfmq71FiS/WWt7TaWBdo5YznD89vdme9qXNg/VztC8/T2IyPjdH6pdx83JTrD/DrgVkaQN4ZpWxWtcCVyKSJ9kD5v/iFsRKUkujDE3Pg7O/w9uRXemL/JiaAAAAABJRU5ErkJggg==);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}

.task-card .card-privileges-con .privilege-item .privilege-img-border[data-v-466fb95e] {
  position: absolute;
  left: 0;
  top: 0;
  width: .826666666666667rem
}

.task-card .card-privileges-con .privilege-detail-btn[data-v-466fb95e] {
  float: right;
  width: 2.213333333333333rem;
  height: .853333333333333rem;
  line-height: .853333333333333rem;
  font-size: .346666666666667rem;
  letter-spacing: .004rem;
  font-weight: 600;
  background-color: #fff;
  border-radius: .426666666666667rem
}