.pt24[data-v-913c39d6] {
    padding-top: .24rem
}

@-webkit-keyframes show-gradually-data-v-913c39d6 {
    0% {
        opacity: .5;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes show-gradually-data-v-913c39d6 {
    0% {
        opacity: .5;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.baseTask[data-v-913c39d6], .baseTaskMain[data-v-913c39d6] {
    width: 100%;
    height: 100%
}

.baseTaskMain[data-v-913c39d6] {
    padding: 0 .24rem;
    overflow-y: auto
}

.baseTask-calendar[data-v-913c39d6] {
    width: 100%
}

.baseTask-calendar-month[data-v-913c39d6] {
    width: 100%;
    padding-bottom: .24rem
}

.calendar-month-title[data-v-913c39d6] {
    width: 100%;
    padding-top: .24rem;
    height: .72rem;
    font-size: .16rem;
    font-weight: 700;
    color: #2df;
    line-height: .32rem
}

.calendar-month-title label[data-v-913c39d6] {
    font-size: .32rem
}

.baseTask-calendar-day[data-v-913c39d6] {
    width: 100%
}

.calendar-day-flex[data-v-913c39d6] {
    display: flex;
    width: 100%
}

.calendar-day-list[data-v-913c39d6] {
    width: 16.66667%;
    align-items: stretch;
    position: relative;
    border-bottom: 1px solid rgba(0, 153, 221, .05)
}

.calendar-day-list-detail[data-v-913c39d6] {
    position: absolute;
    width: calc(100% + .32rem);
    top: 0;
    left: -.16rem;
    background: #002242;
    box-shadow: 0 6px 20px 0 rgba(4, 16, 28, .3);
    padding: 0 .16rem;
    z-index: 10;
    border-radius: 4px;
    -webkit-animation: show-gradually-data-v-913c39d6 .3s;
    animation: show-gradually-data-v-913c39d6 .3s
}

.calendar-day-list-detail .calendar-day-task-container[data-v-913c39d6] {
    width: 100%;
    max-height: 2rem;
    overflow-y: auto
}

.calendar-day-list-detail .calendar-task-list-end[data-v-913c39d6] {
    width: 100%
}

.calendar-day-list-detail .calendar-task-list-start[data-v-913c39d6] {
    width: 100%;
    margin-left: 0
}

.calendar-day-list-detail .calendar-task-list-start.calendar-task-list-end[data-v-913c39d6] {
    width: 100%
}

.calendar-day-title[data-v-913c39d6] {
    width: 100%;
    padding-top: .24rem;
    height: .64rem;
    font-size: .12rem;
    color: #09d;
    line-height: .24rem
}

.calendar-day-title label[data-v-913c39d6] {
    font-size: .24rem;
    font-weight: 500
}

.calendar-day-task[data-v-913c39d6] {
    padding-bottom: .24rem;
    position: relative;
    overflow: hidden
}

.calendar-task-More[data-v-913c39d6] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .48rem;
    font-size: .16px;
    line-height: .48rem;
    padding: 0 .08rem;
    color: #2df;
    display: none
}

.calendar-task-More button[data-v-913c39d6] {
    display: block;
    float: right;
    font-size: .16px;
    line-height: .48rem;
    text-align: center;
    border: 0;
    padding: 0;
    background: none
}

.calendar-day-task.hasMore[data-v-913c39d6] {
    padding-bottom: .48rem
}

.calendar-day-task.hasMore .calendar-task-More[data-v-913c39d6] {
    display: block
}

.calendar-task-list[data-v-913c39d6] {
    width: 100%;
    height: .56rem;
    padding: .04rem .16rem;
    margin-bottom: .08rem;
    position: relative
}

.calendar-task-list[data-v-913c39d6]:last-child {
    margin-bottom: 0
}

.calendar-task-list-start[data-v-913c39d6] {
    border-radius: 4px 0 0 4px;
    margin-left: .08rem
}

.calendar-task-list-end[data-v-913c39d6] {
    border-radius: 0 4px 4px 0;
    width: calc(100% - .08rem)
}

.calendar-task-list-last[data-v-913c39d6] {
    width: 100%
}

.calendar-task-list-start.calendar-task-list-end[data-v-913c39d6] {
    width: calc(100% - .16rem)
}

.calendar-task-list-start.calendar-task-list-last[data-v-913c39d6] {
    width: calc(100% - .08rem)
}

.calendar-task-list-first.calendar-task-list-start[data-v-913c39d6] {
    margin-left: 0
}

.calendar-task-list-start.calendar-task-list-first.calendar-task-list-last[data-v-913c39d6] {
    width: 100%
}

.markLine-start[data-v-913c39d6] {
    border-radius: 4px 0 0 4px;
    left: 0
}

.markLine-end[data-v-913c39d6], .markLine-start[data-v-913c39d6] {
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0
}

.markLine-end[data-v-913c39d6] {
    border-radius: 0 4px 4px 0;
    right: 0
}

.taskMain[data-v-913c39d6] {
    width: 100%;
    height: 100%;
    position: relative
}

.taskMain-workType[data-v-913c39d6] {
    line-height: .26rem;
    font-size: .18rem;
    font-weight: 700
}

.taskMain-executive[data-v-913c39d6], .taskMain-workType[data-v-913c39d6] {
    text-shadow: 0 2px 6px rgba(4, 16, 28, .3);
    position: relative;
    z-index: 2
}

.taskMain-executive[data-v-913c39d6] {
    line-height: .22rem;
    font-size: .14rem
}

.calendar-task-completed[data-v-913c39d6] {
    position: absolute;
    right: -.04rem;
    bottom: -.04rem;
    z-index: 1;
    display: block;
    width: .64rem;
    height: .48rem;
    /*background: url(/img/icon_task_complete_64x48.c92ede1.png) 50% 50%/100% 100% no-repeat*/
}

.task-color-FFF35B[data-v-913c39d6] {
    background: rgba(255, 243, 91, .3);
    color: #fff35b
}

.task-color-FFF35B .markLine[data-v-913c39d6] {
    background: #fff35b
}

.task-color-76FFFF[data-v-913c39d6] {
    background: rgba(118, 255, 255, .3);
    color: #76ffff
}

.task-color-76FFFF .markLine[data-v-913c39d6] {
    background: #76ffff
}

.task-color-FF9955[data-v-913c39d6] {
    background: rgba(255, 153, 85, .3);
    color: #f95
}

.task-color-FF9955 .markLine[data-v-913c39d6] {
    background: #f95
}

.task-color-877DFF[data-v-913c39d6] {
    background: rgba(135, 125, 255, .3);
    color: #877dff
}

.task-color-877DFF .markLine[data-v-913c39d6] {
    background: #877dff
}

.task-color-BEFF77[data-v-913c39d6] {
    background: rgba(190, 255, 119, .3);
    color: #beff77
}

.task-color-BEFF77 .markLine[data-v-913c39d6] {
    background: #beff77
}

.task-color-5A9DFF[data-v-913c39d6] {
    background: rgba(90, 157, 255, .3);
    color: #5a9dff
}

.task-color-5A9DFF .markLine[data-v-913c39d6] {
    background: #5a9dff
}

.task-color-FF6B69[data-v-913c39d6] {
    background: rgba(255, 107, 105, .3);
    color: #ff6b69
}

.task-color-FF6B69 .markLine[data-v-913c39d6] {
    background: #ff6b69
}

.task-color-5DFFAD[data-v-913c39d6] {
    background: rgba(93, 255, 173, .3);
    color: #5dffad
}

.task-color-5DFFAD .markLine[data-v-913c39d6] {
    background: #5dffad
}

.baseTask-floatBox[data-v-913c39d6] {
    width: 100%;
    height: .72rem;
    padding: 0 .24rem;
    background: #04101c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}