.popTaskDetail{
    background:#002961;
    width:100%;
    height:100%;
    color:#fff;

}

.taskDetailTitle{
    width:calc(100% - 20px);
    float:left;
    height:44px;
    line-height:44px;
    border-bottom:1px solid #01417C;
    padding:0 10px;
}

.taskDetailTitle>span{
    float:left;
}
.taskDetailTitle>img{
    float:right;
    width:16px;
    height:16px;
    margin-top:15px;
}
.taskDetailContent{
    height:calc(100% - 36px);
    width:calc(100% - 20px);
    margin:10px;
    overflow: hidden;
}
.taskDetailContent>div{
    line-height:40px;
    width:100%;
}

.taskDetailContent>div>p{
    width:100%;
    overflow: hidden;
}
.taskDetailContent>div>p>span{
    float:left;
   
}
.taskDetailContent>div>p>span:nth-child(odd){
    color:#0BFFFF;
    width:80px;
}

.taskDetailContent>div:nth-child(2)>p>span:nth-child(2){
    width:calc(100% - 80px);
}
.taskDetailContent>div:first-child{
    height:40px;
}

.taskDetailContent>div:first-child>p{
    width:50%;
}
.taskDetailContent>div:first-child>p:first-child{
    float:left;
}


.taskFinish{
    background:#0BFFFF !important;
}

.popTaskDetail .layui-timeline-title{
    color:#fff !important;
}