.Punch_IndexDay {
    margin-right: 10px;
}
.Punch_IndexDay .content li {
    float: left;
}

@media screen and (min-width:540px) and (max-width:768px) {
    .Punch_IndexDay .content li {
        width: 50%;
    }
}

@media screen and (min-width:769px) and (max-width:992px) {
    .Punch_IndexDay .content li {
        width: 33.33%;
    }
}

@media screen and (min-width:993px) and (max-width:1150px){

    .Punch_IndexDay .content li {
        width: 25%;
    }
}
@media screen and (min-width:1151px) {

    .Punch_IndexDay .content li {
        width: 20%;
    }
}
.Punch_IndexDay .content .DaKaDay {
    position: relative;
    background: #fff;
    padding: 10px;
    margin: 10px 0px 0px 10px;
}
.Punch_IndexDay .content .User {
    display: flex;
    padding-bottom: 10px;
}
.Punch_IndexDay .content .User img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.Punch_IndexDay .content .work {
    display: flex;
    border: 1px solid #eee;
    padding: 5px;
}
    .Punch_IndexDay .content .work .work_r {
        border-left: 1px solid #eee;
    }
    .Punch_IndexDay .content .work .work_l,
    .Punch_IndexDay .content .work .work_r {
        width: 50%;
        text-align: center;
    }
        .Punch_IndexDay .content .work .work_l p:nth-child(1),
        .Punch_IndexDay .content .work .work_r p:nth-child(1) {
            font-size: 18px;
            color: #000;
            padding-bottom: 2px;
        }
.Punch_IndexDay .content .User_item {
    margin-left: 10px;
    height: 60px;
}
.Punch_IndexDay .content .User_item p{
   padding-bottom:10px;
}
    .Punch_IndexDay .content .User_item .name {
        font-size: 18px;
        font-weight: 600;
    }
    .Punch_IndexDay .content .User_item .zhiwei {
        background: #E8EEFD;
        color: #638FF9;
        padding: 2px 4px;
    }
.Punch_IndexDay .content .User .state {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 2px 4px;
}