.annulus-box[data-v-38c46895]{width:66px;height:66px;position:relative}.annulus-box .mask[data-v-38c46895]{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;background:#fff;position:absolute;left:4px;top:4px;z-index:1}.annulus-box .mask[data-v-38c46895]:after{position:absolute;content:"";width:calc(100% + 6px);height:calc(100% + 6px);left:-5px;top:-5px;border:2px solid #fff;border-radius:50%}.annulus-box .annulus-bck[data-v-38c46895]{width:100%;height:100%;border-radius:50%;background:#9ae0fb;position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.annulus-box .annulus-left[data-v-38c46895],.annulus-box .annulus-right[data-v-38c46895]{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:50%;height:100%;overflow:hidden;position:relative}.annulus-box .annulus-left .semicircle[data-v-38c46895],.annulus-box .annulus-right .semicircle[data-v-38c46895]{-webkit-transition:.5s linear;transition:.5s linear;width:66px;height:100%;border-radius:50%}.annulus-box .annulus-left .semicircle[data-v-38c46895]{-webkit-transition-delay:.5s;transition-delay:.5s;left:0;-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);clip-path:polygon(0 0,50% 0,50% 100%,0 100%);background:#fff}.annulus-box .annulus-right .semicircle[data-v-38c46895]{position:relative;left:-100%;-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);background:#fff}.wrapper[data-v-d126ac08]{height:100%;padding:16px;overflow:hidden;background-color:#fff;font-family:PingFang SC,Microsoft Yahei;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapper .header[data-v-d126ac08]{line-height:30px;padding:0 16px 16px}.wrapper .header .title[data-v-d126ac08]{color:rgba(0,0,0,.8);font-size:16px;font-weight:700;float:left;width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper .todo-panel[data-v-d126ac08]{padding:16px 0 16px 16px}.wrapper .todo-panel .item[data-v-d126ac08]{float:left;padding:0 16px 16px 0;-webkit-box-sizing:border-box;box-sizing:border-box;width:20%}.wrapper .todo-panel .item .content[data-v-d126ac08]{-webkit-box-shadow:0 0 5px 4px rgba(0,85,119,.06),inset 0 -2px 5px 0 rgba(73,200,250,.1);box-shadow:0 0 5px 4px rgba(0,85,119,.06),inset 0 -2px 5px 0 rgba(73,200,250,.1);border-radius:4px;padding:14px 24px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.wrapper .todo-panel .item .info[data-v-d126ac08]{padding-left:20px;width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.wrapper .todo-panel .item .info .title[data-v-d126ac08]{font-size:16px;color:#000;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper .todo-panel .item .info .num[data-v-d126ac08]{font-size:28px;line-height:28px;margin-top:12px;cursor:pointer}.wrapper .todo-panel .item .info .num span[data-v-d126ac08]{display:block;float:left;margin-right:8px;width:0;height:0;border-width:4px;border-style:solid}.wrapper .todo-panel .item .info .num.up[data-v-d126ac08]{color:#39c15b}.wrapper .todo-panel .item .info .num.up .icon[data-v-d126ac08]{margin-top:7px;border-color:transparent transparent #39c15b transparent}.wrapper .todo-panel .item .info .num.down[data-v-d126ac08]{color:#ff4d4f}.wrapper .todo-panel .item .info .num.down .icon[data-v-d126ac08]{margin-top:12px;border-color:#ff4d4f transparent transparent transparent}.wrapper .todo-panel .item .progress-wrapper[data-v-d126ac08]{width:62px;height:62px;border-radius:50%;position:relative}.wrapper .todo-panel .item .progress-wrapper .icon[data-v-d126ac08]{position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;background-color:rgba(73,200,250,.1);top:4px;left:4px;z-index:2;text-align:center}.wrapper .todo-panel .item .progress-wrapper .icon.green[data-v-d126ac08]{background-color:rgba(74,217,145,.1)}.wrapper .todo-panel .item .progress-wrapper .icon.pink[data-v-d126ac08]{background-color:rgba(251,124,123,.1)}.wrapper .todo-panel .item .progress-wrapper .icon.orange[data-v-d126ac08]{background-color:rgba(255,191,106,.1)}.wrapper .todo-panel .item .progress-wrapper .icon.purple[data-v-d126ac08]{background-color:rgba(130,128,255,.1)}